:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}:root{--color-primary: #63859E;--color-primary-hover: #506E87;--color-primary-active: #3d5466;--color-danger: #c82333;--color-danger-hover: #a01d28;--color-success: #388e3c;--color-success-hover: #2e7d32;--color-background: #f5f5f5;--color-white: #ffffff;--color-text: #333;--color-text-light: #666;--color-border: #ddd}.btn-base{display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:var(--color-success-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-base:disabled{opacity:.6;cursor:not-allowed}.btn-base:disabled:hover{filter:none;transform:none}.icon-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#0000000d}.input-base{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.input-base:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #63859e40}select.input-base{padding-right:2rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.data-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.data-table-header{display:grid;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-weight:500;font-size:.9rem;color:#666}.data-table-row{display:grid;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;transition:background-color .2s;cursor:pointer;align-items:center}.data-table-row:hover{background-color:#f8f9fa}.data-table-row:last-child{border-bottom:none}.data-table-header.file-list-grid,.data-table-row.file-list-grid{grid-template-columns:1fr 80px 100px 120px 150px}.data-table-header.share-links-grid,.data-table-row.share-links-grid{grid-template-columns:1fr 180px 2fr 80px 80px 80px}.app{background-color:var(--color-background);width:100%}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:1.1rem;color:#666}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem;box-sizing:border-box}.login-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-header h2{margin:0 0 .5rem;color:#333;text-align:center}.form-group textarea{resize:vertical}.datetime-inputs{display:flex;gap:.5rem;align-items:center}.datetime-inputs .input-base{width:auto;padding:.75rem;height:42px;box-sizing:border-box}.datetime-inputs input[type=date]{flex:1}.datetime-inputs .time-input{width:100px;flex-shrink:0;text-align:center;font-family:monospace}.datetime-inputs .icon-btn{flex-shrink:0;color:#666}.datetime-inputs .icon-btn:hover{color:#dc3545}.login-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;font-size:.8rem;color:#666;text-align:center}.domain-note{margin-top:.5rem;font-size:.75rem;color:#666;font-style:italic}.google-login-button{width:100%;padding:.75rem 1rem;background-color:#fff;color:#333;border:1px solid #dadce0;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease}.google-login-button:hover{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a}.google-login-button .google-icon{flex-shrink:0}.login-error{background-color:#ffeaea;color:#c00;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem;border:1px solid #ffcccc}.login-success{background-color:#f0fdf4;color:var(--color-success);padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem;border:1px solid #bbf7d0}.login-input{width:100%;padding:.75rem 1rem;border:1px solid #dadce0;border-radius:4px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.login-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #63859e33}.login-button{width:100%;padding:.75rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:var(--color-primary-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:1.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:#dadce0}.login-divider span{padding:0 1rem;color:#666;font-size:.9rem}.login-email-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#f8f9fa;border:1px solid #dadce0;border-radius:4px;margin-bottom:1rem}.login-email-display span{color:#333;font-weight:500}.change-email-btn{background:none;border:none;color:var(--color-primary);font-size:.9rem;cursor:pointer;padding:.25rem .5rem}.change-email-btn:hover{text-decoration:underline}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .login-input,.password-input-wrapper .form-input{padding-right:2.5rem}.password-toggle{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-light);padding:.25rem;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--color-text)}.auth-callback{display:flex;align-items:center;justify-content:center;height:100vh}.auth-callback .loading{font-size:1.2rem;color:#666}.dashboard{max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center;gap:1rem}.dashboard-logo{width:48px;height:48px;object-fit:contain}.header-left h1{margin:0;color:#333;font-size:1.5rem}.header-left p{margin:.5rem 0 0;color:#666}.header-right{display:flex;align-items:center;gap:1.5rem}.header-link{background:none;border:none;color:#666;font-weight:500;font-size:.95rem;cursor:pointer;padding:.25rem 0;transition:color .2s}.header-link:hover{color:#333}.header-link.danger{color:var(--color-danger)}.header-link.danger:hover{color:var(--color-danger-hover)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:#666;font-weight:500;font-size:.95rem;cursor:pointer;padding:.5rem;border-radius:4px}.user-menu-trigger:hover{color:#333;background:#0000000d}.user-menu-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.user-menu-name{font-weight:600;color:#333}.user-menu-company{font-size:.8rem;font-weight:400;color:#666}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:120px;z-index:100}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;font-size:.9rem;color:var(--color-text);cursor:pointer;text-align:left;text-decoration:none}.user-menu-item:hover{background:#0000000d}.user-menu-logout{color:var(--color-danger);border-top:1px solid var(--color-border)}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem}.filebrowser-button{border:none;padding:.25rem .5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s,color .2s;display:flex;align-items:center;gap:.3rem;color:#333;text-decoration:none}.filebrowser-button:visited{color:#333}.filebrowser-button:hover,.filebrowser-button:visited:hover{color:var(--color-primary)}.file-name-col{display:flex;align-items:center;gap:.75rem;min-width:0}.file-name-list{font-weight:500;color:#333;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minor-cell{font-size:.85rem;color:#666}.file-actions-col{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.preview-button:hover{background-color:#e3f2fd;color:#1976d2}.share-button:hover{background-color:#e8f5e8;color:var(--color-success)}.share-management{flex:1;display:flex;flex-direction:column}.share-header{padding:1rem;margin-bottom:1rem}.share-header-top{display:flex;align-items:center;gap:1rem;width:100%}.header-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0;margin-left:auto}.share-header h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.share-header p{margin:0;color:#666;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.create-form{background:#fff;border-radius:8px;padding:2rem;width:90%;max-width:650px;max-height:90vh;overflow-y:auto}.create-form h3{margin:0 0 1.5rem;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.selected-item-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #ddd;border-radius:4px;background:#f8f9fa}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.no-links{text-align:center;padding:3rem;color:#666;background:#fff;border-radius:8px;margin:1rem}.link-name-wrapper{display:flex;flex-direction:column;gap:.25rem}.name-cell{font-weight:500;color:#333}.name-cell .link-name-italic{font-style:italic}.link-description{font-weight:350;font-size:.85rem;color:#666}.date-cell{display:flex;flex-direction:column;gap:.125rem;color:#666;font-size:.85rem;white-space:nowrap}.creator-email{font-size:.75rem;color:#888}.expires-at{font-size:.75rem;color:#999}.expired-at{font-size:.75rem;color:#dc3545}.link-cell{min-width:300px;padding-right:1rem}.link-url-group{display:flex;gap:.5rem;align-items:center}.views-cell{color:var(--color-primary);font-weight:500;cursor:pointer;transition:color .2s;white-space:nowrap}.views-cell:hover{color:var(--color-primary-hover);text-decoration:underline}.active-cell{text-align:center}.actions-cell{display:flex;gap:.25rem;justify-content:center}.icon-btn.active{color:var(--color-success)}.icon-btn.inactive{color:#6c757d}.url-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;font-family:monospace;font-size:.9rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#333}.modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem}.file-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.file-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:4px;box-shadow:0 1px 3px #0000001a}.file-thumbnail:hover{box-shadow:0 2px 6px #00000026}.public-share-container{height:100vh;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.public-share-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;width:100%;overflow:hidden}.access-form{padding:2rem}.access-form h3{margin:0 0 .5rem;color:#333;font-size:1.2rem}.access-form p{margin:0 0 1.5rem;color:#666}.access-form .form-group{margin-bottom:1rem}.access-form input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.access-form input:focus{outline:none;border-color:var(--color-primary)}.powered-by{padding:1rem 2rem;background:#f8f9fa;text-align:center;border-top:1px solid #e9ecef}.powered-by p{margin:0;color:#6c757d;font-size:.9rem}.error-state{padding:3rem 2rem;text-align:center}.error-state h2{margin:0 0 1rem;color:#dc3545;font-size:1.5rem}.error-state p{margin:0 0 2rem;color:#666}.file-details{flex:1;margin:0;font-size:.8rem;color:#666}.file-type{background-color:var(--color-primary);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700}.no-files{text-align:center;padding:2rem;color:#666}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin:1rem 0;border:1px solid #f5c6cb}.privacy-notice{padding:1.5rem .5rem 0;border-top:1px solid #eee;font-size:.8rem;color:#666;text-align:left}.privacy-notice p{margin:0;line-height:1.4}.breadcrumb-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:nowrap;flex:1;min-width:0}.breadcrumb-item{white-space:nowrap;flex-shrink:0}.breadcrumb-item.active{white-space:normal;word-break:break-all;flex-shrink:1}.breadcrumb-separator{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.breadcrumb-separator:last-child{flex-shrink:1;min-width:0;align-items:center}.list-page{background-color:#f5f5f5;padding:2rem;min-height:100vh}.list-page-container{max-width:1200px;margin:0 auto}.list-page-header{margin-bottom:2rem}.list-page-header h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;color:#333;margin:0}.list-page-header p{color:#666;margin:0}.header-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-count{font-size:1rem;color:#666;font-weight:500}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;background:none;border:none;cursor:pointer;font-size:.95rem;padding:.5rem 0;margin-bottom:1rem}.back-link:hover{color:#333}.no-items{padding:3rem 2rem;text-align:center;color:#999}.no-items p{margin:.5rem 0;font-size:1.1rem}.no-items .subtitle{font-size:.9rem;color:#bbb}.page-error{background:#fff;padding:3rem 2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;margin:2rem auto;text-align:center}.page-error h2{margin:0 0 1rem;color:#333}.page-error p{color:#666;margin-bottom:2rem}.expand-cell{display:flex;align-items:center;justify-content:center;color:#999}.count-cell{text-align:center;color:#666}.detail-section{background-color:#fafafa;border-bottom:1px solid #eee;padding:.5rem 1rem}.detail-section-loading,.detail-section-empty{color:#999;font-size:.9rem;padding:1rem;text-align:center}.detail-list{font-size:.9rem}.detail-header{padding:.5rem 0;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.detail-row{padding:.5rem 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.detail-row:hover{background-color:#f5f5f5}.detail-row:last-child{border-bottom:none}@media(max-width:768px){.dashboard-header,.dashboard-controls{flex-direction:column;align-items:flex-start;gap:1rem}.file-list-header,.file-list-item{grid-template-columns:1fr 50px 60px 80px 100px;gap:.25rem;padding:.5rem;font-size:.8rem}.file-name-col{gap:.5rem}}.file-drop-zone{border:2px dashed #ccc;padding:3rem;text-align:center;cursor:pointer;border-radius:8px;background:#f9f9f9}.file-drop-zone.dragging{border-color:var(--color-primary);background:#e3f2fd}.upload-icon{margin-bottom:1rem}.drop-text{font-size:1.2rem;font-weight:700;margin:1rem 0}.file-types-info{background:#fff;padding:1rem;margin:1rem 0;border:1px solid #ddd;border-radius:4px}.file-types-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.file-type-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;background:#f5f5f5}.file-upload-content{display:flex;flex-direction:column;gap:1rem}.file-name-upload{font-weight:700;margin:0 0 .25rem}.file-size{font-size:.8rem;color:#666;margin:0}.upload-progress{display:flex;flex-direction:column;gap:.5rem}.progress-info{display:flex;justify-content:space-between;font-size:.9rem;color:#666}.success-notification{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.success-notification p{margin:0}