@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600&family=Space+Grotesk:wght@300;400;500;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#0a0a0f;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto}#particle-canvas{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.hero-overlay{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.hero-signin-btn{pointer-events:auto;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50px;padding:1rem 3rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 0 30px #6366f11a}.hero-signin-btn:hover{background:#6366f126;border-color:#818cf866;transform:scale(1.05);box-shadow:0 0 40px #6366f140}.hero-name{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a78bfa 30%,#818cf8 50%,#6366f1 70%,#c084fc 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-align:center;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;animation:6s ease-in-out infinite gradientShift}.hero-subtitle{letter-spacing:.15em;text-transform:uppercase;color:#ffffff73;text-align:center;-webkit-user-select:none;user-select:none;margin-top:1rem;font-size:clamp(.9rem,2.5vw,1.3rem);font-weight:200}.hero-tagline{color:#ffffff40;letter-spacing:.05em;text-align:center;-webkit-user-select:none;user-select:none;margin-top:2.5rem;font-size:clamp(.8rem,1.5vw,1rem);font-weight:300;animation:1.5s ease-out .5s both fadeInUp}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vignette{z-index:0;pointer-events:none;background:radial-gradient(#0000 50%,#0a0a0f99 100%);width:100%;height:100%;position:fixed;top:0;left:0}.home-signin-btn{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffb3;letter-spacing:.03em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .3s;position:fixed;top:1.5rem;right:1.5rem}.home-signin-btn:hover{color:#fff;background:#ffffff1f;border-color:#818cf866;box-shadow:0 0 20px #6366f126}.login-container{background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;padding:2.5rem}.login-title{text-align:center;background:linear-gradient(135deg,#a78bfa,#818cf8,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:700}.login-subtitle{text-align:center;color:#ffffff80;margin-top:.5rem;margin-bottom:2rem;font-size:.9rem}.google-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:.95rem;transition:all .2s;display:flex}.google-btn:hover{background:#ffffff26;border-color:#ffffff4d}.google-icon{flex-shrink:0}.login-divider{color:#ffffff4d;align-items:center;margin:1.5rem 0;font-size:.8rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff26;flex:1;height:1px}.login-divider span{padding:0 1rem}.login-form{flex-direction:column;gap:.75rem;display:flex}.login-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.login-input:focus{border-color:#818cf8}.login-input::placeholder{color:#ffffff4d}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;padding:.75rem;font-size:.95rem;font-weight:500;transition:opacity .2s}.login-submit-btn:hover{opacity:.9}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#f87171;text-align:center;font-size:.85rem}.login-back-link{text-align:center;color:#fff6;margin-top:1.5rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.login-back-link:hover{color:#ffffffb3}.callback-container{background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;display:flex}.callback-card{text-align:center}.callback-spinner{border:3px solid #ffffff1a;border-top-color:#818cf8;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}.callback-text{color:#ffffff80;margin-top:1rem;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.portal-container{background:#0a0a0f;min-height:100vh}.portal-nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.portal-logo{background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600}.portal-logout-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.portal-logout-btn:hover{color:#fff;background:#ffffff14}.portal-main{max-width:900px;margin:0 auto;padding:3rem 2rem}.portal-welcome{margin-bottom:3rem}.portal-greeting{font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:700}.portal-email{color:#fff6;margin-top:.3rem;font-size:.9rem}.portal-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.portal-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem;transition:all .2s}.portal-card:hover{background:#ffffff12;border-color:#ffffff26}.portal-card h2{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.portal-card-desc{color:#ffffff80;font-size:.85rem;line-height:1.5}.portal-coming-soon{color:#818cf8;margin-top:1rem;font-size:.75rem;font-style:italic}.admin-badge{text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:unset;-webkit-text-fill-color:#fff;background-clip:unset;color:#fff;vertical-align:middle;border-radius:20px;margin-left:.5rem;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}.portal-section{margin-bottom:3rem}.portal-section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.portal-section-title{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600}.portal-add-btn{color:#a5b4fc;cursor:pointer;background:#818cf81a;border:1px solid #818cf866;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.portal-add-btn:hover{color:#c7d2fe;background:#818cf833;border-color:#818cf899}.portal-error{color:#f87171;margin-bottom:1rem;font-size:.85rem}.portal-empty{color:#ffffff59;text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;padding:2rem;font-size:.9rem}.portal-links-loading{justify-content:center;padding:2rem;display:flex}.portal-links-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.link-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;transition:all .2s;overflow:hidden}.link-card:hover{background:#ffffff12;border-color:#818cf840;transform:translateY(-1px);box-shadow:0 4px 20px #6366f114}.link-card-content{color:inherit;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;text-decoration:none;display:flex}.link-card-icon{flex-shrink:0;font-size:1.5rem}.link-card-text{flex:1;min-width:0}.link-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.link-card-desc{color:#fff6;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.8rem;overflow:hidden}.link-card-arrow{color:#fff3;flex-shrink:0;font-size:1rem;transition:color .2s}.link-card:hover .link-card-arrow{color:#818cf8}.link-card-admin{background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;display:flex}.link-card-shared{color:#ffffff4d;font-size:.72rem}.link-card-actions{gap:.25rem;display:flex}.link-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.85rem;transition:background .2s}.link-action-btn:hover{background:#ffffff1a}.link-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.link-form{background:#16161f;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:460px;padding:2rem;display:flex}.link-form-title{margin-bottom:.25rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600}.link-form-row{align-items:flex-start;gap:.75rem;display:flex}.link-form-icon-picker{position:relative}.link-form-icon-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:all .2s;display:flex}.link-form-icon-btn:hover{background:#ffffff1a}.link-form-emoji-grid{z-index:10;background:#1e1e2e;border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.5rem;display:grid;position:absolute;top:50px;left:0;box-shadow:0 8px 24px #0006}.link-form-emoji-option{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .15s;display:flex}.link-form-emoji-option:hover,.link-form-emoji-option.active{background:#818cf833}.link-form-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s}.link-form-input:focus{border-color:#818cf880}.link-form-input::placeholder{color:#ffffff40}.link-form-group{flex-direction:column;gap:.35rem;display:flex}.link-form-label{color:#ffffff73;font-size:.8rem;font-weight:500}.link-form-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s}.link-form-select:focus{border-color:#818cf880}.link-form-actions{gap:.75rem;margin-top:.5rem;display:flex}.link-form-cancel-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:.65rem;font-size:.9rem;transition:all .2s}.link-form-cancel-btn:hover{background:#ffffff0f}.link-form-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;flex:1;padding:.65rem;font-size:.9rem;font-weight:600;transition:opacity .2s}.link-form-submit-btn:hover{opacity:.9}.doc-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;transition:all .2s;overflow:hidden}.doc-card:hover{background:#ffffff12;border-color:#818cf840;transform:translateY(-1px);box-shadow:0 4px 20px #6366f114}.doc-card-content{align-items:center;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.doc-card-icon{flex-shrink:0;font-size:1.5rem}.doc-card-text{flex:1;min-width:0}.doc-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.doc-card-meta{color:#ffffff59;margin-top:.15rem;font-size:.78rem}.doc-card-download{color:#fff3;flex-shrink:0;font-size:1rem;transition:color .2s}.doc-card:hover .doc-card-download{color:#818cf8}.doc-card-admin{background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;display:flex}.doc-card-shared{color:#ffffff4d;font-size:.72rem}.upload-dropzone{text-align:center;cursor:pointer;border:2px dashed #ffffff1f;border-radius:12px;padding:2rem;transition:all .2s}.upload-dropzone:hover,.upload-dropzone.drag-over{background:#818cf80d;border-color:#818cf880}.upload-dropzone.has-file{background:#818cf80a;border-style:solid;border-color:#818cf84d}.upload-placeholder-icon{margin-bottom:.5rem;font-size:2rem;display:block}.upload-placeholder p{color:#fff6;margin:0;font-size:.9rem}.upload-hint{color:#ffffff40!important;margin-top:.3rem!important;font-size:.78rem!important}.upload-file-info{justify-content:center;align-items:center;gap:.75rem;display:flex}.upload-file-icon{font-size:1.5rem}.upload-file-name{font-size:.9rem;font-weight:600}.upload-file-size{color:#ffffff59;font-size:.8rem}.upload-progress-bar{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:4px;height:100%;transition:width .15s}.link-form-submit-btn:disabled,.link-form-cancel-btn:disabled{opacity:.4;cursor:not-allowed}