:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1c2634;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select{outline:none}input:focus,select:focus{border-color:#568ce5!important;box-shadow:0 0 0 3px #3d83ec1c}.hidden{display:none!important}.button{border:1px solid #dce4ed;border-radius:10px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:650;background:#fff;color:#344256;transition:background .16s,transform .16s}.button:hover:not(:disabled){filter:brightness(.975)}.button.primary{color:white;border-color:#3676d8;background:#3676d8;box-shadow:0 3px 8px #3676d826}.button.dark{color:white;border-color:#222f45;background:#222f45}.button.soft{background:white}.button.danger{background:#fff1f1;border-color:#f4c4c6;color:#c03540}.button.large{padding:14px 17px;font-size:14px;justify-content:space-between;width:100%;margin-top:8px}.icon-button{border:0;background:transparent;padding:8px;color:#758194;font-size:19px;border-radius:8px}.icon-button:hover{background:#f0f3f9}.welcome{min-height:100vh;background:radial-gradient(circle at 10% 0%,#e8f0ff 0%,transparent 36%),#f8fafc;display:flex;align-items:center;justify-content:center;padding:60px 20px}.welcome-inner{max-width:880px;width:100%}.identity{display:flex;gap:12px;align-items:center;margin-bottom:43px}.cloud-mark{display:flex;align-items:center;justify-content:center;color:white;background:#3676d8;border-radius:13px;width:46px;height:46px;font-size:24px;box-shadow:0 4px 10px #3676d82b}.cloud-mark.small{height:37px;width:37px;font-size:19px;border-radius:10px;flex-shrink:0}.brand-name{font-size:20px;font-weight:750;letter-spacing:-.7px}.brand-caption{font-size:11px;color:#748196;letter-spacing:.5px;margin-top:3px}.welcome h1{font-size:clamp(33px,5vw,51px);letter-spacing:-1.7px;line-height:1.17;margin:0 0 16px;font-weight:760}.welcome h1 span{color:#5984c3}.welcome-description{font-size:15px;color:#778497;line-height:1.7;max-width:520px;margin:0 0 34px}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.access-card{background:white;padding:30px 29px;border:1px solid #e5eaf1;border-radius:18px;box-shadow:0 11px 30px #20325109}.guest-card{border-top:3px solid #3676d8}.login-card{border-top:3px solid #a8b3c1}.card-eyebrow{color:#6c7d95;letter-spacing:1.4px;font-size:10px;font-weight:750;display:flex;align-items:center;gap:7px;margin-bottom:23px}.mini-icon{font-size:17px;color:#4581d8}.access-card h2{font-size:21px;letter-spacing:-.5px;margin:0 0 8px}.access-card p{color:#8590a1;font-size:13px;line-height:1.65;margin:0 0 25px;min-height:42px}.vertical-form{display:flex;flex-direction:column;gap:10px}.vertical-form label,.field label{font-size:12px;font-weight:650;color:#344053}.vertical-form input,.field input,.field select,.modal input,.modal select{width:100%;padding:12px 13px;border:1px solid #dfe6ee;border-radius:9px;background:white;color:#263547;font-size:13px}.vertical-form .button{margin-top:8px}.welcome-footer{text-align:center;color:#a1aabb;margin:27px 0 0;font-size:11px}.workspace{display:flex;min-height:100vh}.sidebar{width:241px;flex-shrink:0;background:white;border-right:1px solid #e8edf4;padding:28px 16px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:1px 6px 38px;text-decoration:none;color:#263447}.sidebar-brand strong{font-size:15px;letter-spacing:-.5px;display:block}.sidebar-brand small{display:block;color:#a2adbb;font-weight:700;font-size:9px;letter-spacing:1.8px;margin-top:3px}.nav-label{font-size:10px;font-weight:750;color:#a7b0bd;letter-spacing:1.1px;padding:0 12px;margin:12px 0}.nav{display:flex;flex-direction:column;gap:4px;margin:0 0 23px}.nav-entry{background:transparent;border:0;border-radius:10px;text-align:left;padding:12px 12px;display:flex;gap:12px;align-items:center;font-size:13px;color:#647184;font-weight:600}.nav-entry.selected{background:#eaf2ff;color:#3779df}.nav-entry:hover{background:#f3f7fc}.nav-symbol{font-size:19px;width:21px;text-align:center}.sidebar-end{margin-top:auto}.storage-panel{padding:15px 13px;background:#f8fafc;border:1px solid #edf1f6;border-radius:12px}.storage-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;gap:8px}.storage-top span:last-child{color:#718096;font-weight:550}.storage-track{height:6px;background:#e4eaf2;border-radius:20px;overflow:hidden;margin:12px 0 8px}.storage-track>div{height:100%;width:0;background:#4e85de;border-radius:20px}.storage-text{font-size:10px;color:#84909f}.account-tile{margin-top:16px;display:flex;align-items:center;width:100%;background:transparent;border:0;padding:10px 2px;text-align:left;gap:10px}.avatar{width:36px;height:36px;border-radius:10px;background:#d8e8ff;color:#3d76c5;display:grid;place-items:center;font-weight:750}.account-info{flex:1;min-width:0}.account-info strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-info small{display:block;font-size:10px;color:#929dab;margin-top:3px}.chevron{color:#8794a6}.logout-button{border:0;background:transparent;padding:8px 0;color:#8792a3;font-size:11px;cursor:pointer}.logout-button:hover{color:#d94545}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:71px;border-bottom:1px solid #e7edf4;background:white;display:flex;gap:12px;align-items:center;padding:0 38px}.topbar-title{font-size:12px;color:#9aa5b3;flex:1}.version-label{font-size:11px;color:#8b97a5}.topbar-separator{height:18px;border-left:1px solid #e8ebf0}.status-dot{background:#33bd8d;width:7px;height:7px;border-radius:50%}.secure-label{font-size:11px;color:#758499}.mobile-menu{display:none}.content{padding:39px clamp(20px,4vw,57px);max-width:1650px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:29px}.page-kicker{font-size:10px;color:#4a83d3;letter-spacing:1.8px;font-weight:800;margin-bottom:9px}.page-head h1{font-size:29px;margin:0;color:#263345;font-weight:740;letter-spacing:-.8px}.page-subtitle{font-size:13px;margin:9px 0 0;color:#8995a4}.head-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.file-panel{border:1px solid #e6ecf3;background:white;border-radius:14px;min-height:380px;box-shadow:0 6px 24px #1f2f4406;overflow:hidden}.file-toolbar{padding:18px 21px;display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f6}.breadcrumbs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:0}.crumb{border:0;background:none;font-size:12px;color:#7d8ca0;padding:4px 3px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb:last-child{font-weight:750;color:#2b3a50}.crumb-sep{font-size:12px;color:#cad2dc}.toolbar-right{display:flex;gap:12px;align-items:center}.search-box{display:flex;align-items:center;background:#f8fafc;border:1px solid #e8eef5;border-radius:9px;padding:0 11px;gap:5px}.search-box span{font-size:22px;line-height:1;color:#9ba7b6}.search-box input{border:0;background:transparent;width:174px;font-size:12px;padding:10px 4px;color:#314154}.search-box input:focus{box-shadow:none!important}.view-picker{display:flex;gap:2px;background:#f5f7fa;border:1px solid #e8edf3;border-radius:9px;padding:3px}.view-picker button{border:0;background:transparent;color:#a3afbf;padding:4px 8px;border-radius:6px;font-size:19px;line-height:1}.view-picker button.active{background:white;color:#3979d5;box-shadow:0 1px 5px #28384f12}.file-table{width:100%;border-collapse:collapse;text-align:left}.file-table th{font-size:10px;color:#abb6c5;font-weight:750;letter-spacing:1px;background:#fbfcfe;padding:14px 20px}.file-table td{padding:13px 20px;font-size:12px;border-top:1px solid #f1f3f6;color:#697789}.file-table tbody tr:hover{background:#fafcff}.file-name-cell{display:flex;align-items:center;gap:11px}.file-symbol{width:35px;height:35px;flex-shrink:0;border-radius:10px;background:#f1f5fb;color:#6c91c9;display:grid;place-items:center;font-size:18px}.file-symbol.folder{color:#4c83d5;background:#eaf2ff}.file-symbol.image{background:#edf8f0;color:#45a97a}.file-symbol.pdf{background:#fff0f0;color:#d66a6d}.file-symbol.video{background:#f5effd;color:#9678be}.item-name{border:0;background:transparent;text-align:left;padding:0;font-weight:650;color:#2e3d51;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name:hover{text-decoration:underline}.uploaded-by{color:#92a0af;font-size:11px;margin-top:4px}.tag-guest{display:inline-block;font-size:9px;background:#f0f4fc;color:#6580a5;padding:2px 5px;border-radius:4px;margin-left:4px}.row-actions{white-space:nowrap;text-align:right}.menu-btn{border:0;background:none;color:#8593a5;padding:6px 9px;border-radius:7px;font-size:21px}.menu-btn:hover{background:#edf3fa}.grid-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;padding:22px}.file-card{border:1px solid #e9edf4;border-radius:12px;overflow:hidden;min-width:0;background:white;position:relative}.file-card:hover{box-shadow:0 5px 18px #2d456311}.card-preview{height:113px;background:#f7f9fc;display:grid;place-items:center;cursor:pointer;font-size:37px;overflow:hidden}.card-preview img{height:100%;width:100%;object-fit:cover}.card-preview.folder-icon{background:#f0f6ff;color:#4e84d1}.card-content{padding:12px}.card-content .item-name{width:100%;display:block;text-align:left}.card-content .uploaded-by{line-height:1.5;min-height:28px}.card-details{display:flex;align-items:center;justify-content:space-between;color:#a4afbb;font-size:10px;margin-top:8px}.card-details .menu-btn{position:absolute;right:4px;top:5px;background:#ffffffeb;color:#657387}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:275px;color:#9ba8b8;text-align:center;padding:40px 15px}.empty-icon{height:70px;width:70px;display:grid;place-items:center;border-radius:20px;background:#f3f6fa;font-size:31px;margin-bottom:13px}.empty h3{margin:6px 0 7px;font-size:16px;color:#607084}.empty p{font-size:12px;max-width:350px;line-height:1.7}.section-header{padding:23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eff2f5}.section-header h2{margin:0 0 7px;font-size:18px}.section-header p{margin:0;color:#919bab;font-size:12px}.user-row{display:flex;gap:15px;align-items:center;padding:15px 22px;border-bottom:1px solid #f0f3f7}.user-row .user-description{flex:1;min-width:0}.user-row .user-description strong{font-size:13px}.user-row .user-description p{font-size:11px;color:#96a2b1;margin:4px 0 0}.small-pill{background:#edf7f1;color:#389a63;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:650}.small-pill.off{background:#fcebed;color:#bf525f}.user-row .user-controls{display:flex;gap:6px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#1423398c;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.modal{background:white;border-radius:15px;padding:24px;max-width:530px;width:100%;max-height:min(90vh,950px);overflow:auto;box-shadow:0 20px 70px #121d2e38}.modal.wide{max-width:850px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.modal-heading h2{font-size:19px;margin:0;letter-spacing:-.5px}.modal .field{display:flex;flex-direction:column;gap:7px;margin:13px 0}.modal .field small{color:#94a0ac;font-size:11px}.modal .field input[type=checkbox]{width:auto}.modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:24px}.modal p{color:#7d8a9c;font-size:13px;line-height:1.65}.muted{color:#8d9bac!important}.switch-row{display:flex;align-items:center;gap:10px;margin:13px 0;font-size:13px}.switch-row input{width:16px;height:16px}.permission-row{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:12px}.permission-row input{width:16px;height:16px}.permission-row span{flex:1}.accounts-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-card{background:white;border:1px solid #e7ecf4;border-radius:13px;padding:23px}.info-card h2{margin:0 0 18px;font-size:17px}.info-card .field input{width:100%;padding:12px;border:1px solid #e1e8f0;border-radius:8px}.info-card button{margin-top:12px}.alerts{position:fixed;top:20px;right:18px;z-index:300;display:flex;flex-direction:column;gap:9px;max-width:min(380px,90vw)}.alert{background:#283c53;color:white;padding:12px 15px;border-radius:10px;font-size:12px;box-shadow:0 7px 22px #283c5333}.alert.error{background:#b84c53}.alert.success{background:#2a8869}.progress-shell{background:#e8edf5;border-radius:9px;height:11px;overflow:hidden;margin-top:14px}.progress-shell>div{height:100%;width:0;background:#3c7fdf;transition:width .15s}.progress-meta{display:flex;justify-content:space-between;font-size:11px;color:#8793a4;margin-top:8px}.preview-media{width:100%;max-height:65vh;object-fit:contain;border-radius:8px;background:#f4f7fa}.preview-pdf{width:100%;height:65vh;border:0;background:white}.office-text{white-space:pre-wrap;font-size:12px;line-height:1.6;background:#f8fafc;padding:17px;border-radius:10px;max-height:60vh;overflow:auto;color:#2b3b4d}.hint{border-radius:9px;background:#f6f9fd;padding:12px;color:#75869b;font-size:12px;margin:12px 0}.folder-select{max-height:250px;overflow:auto;border:1px solid #e7edf5;border-radius:8px;padding:7px}.folder-option{display:block;text-align:left;border:0;background:white;width:100%;padding:9px;border-radius:6px;color:#445771;font-size:12px}.folder-option:hover{background:#eaf2ff}.folder-option.selected{background:#e7f0ff;color:#3171c9;font-weight:700}.drop-overlay{position:fixed;inset:0;background:#3679d5e5;color:white;z-index:200;display:grid;place-items:center;text-align:center;font-size:70px}.drop-overlay h2{font-size:30px;margin:15px}.drop-overlay p{font-size:15px}.small-text{font-size:11px;color:#91a0b1}.upload-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-option{border:1px solid #e1e9f2;border-radius:12px;background:white;padding:27px 12px;display:grid;place-items:center;gap:9px;font-size:13px;color:#41546e}.upload-option .symbol{font-size:31px;color:#4e84d0}.upload-option:hover{background:#f5f9ff}.empty-action{margin-top:16px}.page-kicker.empty-title{font-size:13px}
@media(max-width:1100px){.file-table th:nth-child(3),.file-table td:nth-child(3){display:none}.content{padding:32px 26px}.sidebar{width:210px}.topbar{padding:0 25px}}@media(max-width:780px){.sidebar{position:fixed;left:0;top:0;z-index:90;width:255px;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 28px #263e4d12}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{height:58px;padding:0 18px}.content{padding:25px 16px}.page-head{flex-direction:column;align-items:flex-start}.page-head h1{font-size:25px}.head-actions{width:100%}.head-actions .button{flex:1}.file-toolbar{flex-wrap:wrap;padding:14px}.toolbar-right{width:100%;justify-content:space-between}.search-box{flex:1}.search-box input{width:100%}.file-table th:nth-child(2),.file-table td:nth-child(2){display:none}.file-table th,.file-table td{padding:11px}.file-name-cell{gap:7px}.file-symbol{width:31px;height:31px}.item-name{max-width:47vw}.access-grid{grid-template-columns:1fr}.welcome{padding:30px 17px}.identity{margin-bottom:30px}.access-card{padding:25px}.accounts-layout{grid-template-columns:1fr}.user-row{align-items:flex-start;flex-wrap:wrap}.user-row .user-controls{width:100%}.modal-backdrop{padding:10px}.modal{padding:18px}.topbar-title{display:none}}@media(max-width:440px){.grid-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px}.card-preview{height:100px}.card-content{padding:9px}.card-content .item-name{font-size:11px}.file-table td{font-size:11px}.file-table .uploaded-by{max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Anmeldeseite 0.1.3 */
.welcome-inner{max-width:560px}.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.welcome-header .identity{margin-bottom:0}.welcome-header #account-login{flex-shrink:0}.welcome .access-grid{grid-template-columns:1fr}.account-dialog{border:1px solid #e5eaf1;border-radius:15px;padding:24px;width:calc(100% - 40px);max-width:400px;max-height:90vh;overflow:auto;box-shadow:0 20px 70px #121d2e38;color:#1c2634}.account-dialog::backdrop{background:#1423398c}@media(max-width:420px){.welcome-header{gap:10px}.welcome-header .identity{gap:8px}.welcome-header .brand-name{font-size:17px}.welcome-header .brand-caption{font-size:10px}.welcome-header .cloud-mark{width:38px;height:38px}.welcome-header #account-login{padding:9px 12px}}

.account-dialog>.alert{margin-top:14px}

/* Bilderraster und Galerie 0.2.0 */
.head-actions{flex-wrap:wrap}.card-preview{border:0;width:100%;padding:0;color:inherit}.image-card{aspect-ratio:1;border:0}.image-card .card-preview{width:100%;height:100%;aspect-ratio:1}.image-card .card-preview img{display:block;width:100%;height:100%;object-fit:cover}.image-card .card-preview img[hidden]{display:none}.image-card>.menu-btn{position:absolute;right:6px;top:6px;z-index:1;background:#fffffff0;color:#334155;box-shadow:0 2px 8px #0002;width:36px;height:36px;padding:0;display:grid;place-items:center}.thumbnail-fallback{font-size:12px;padding:16px;color:#64748b}.card-preview:focus-visible,.menu-btn:focus-visible{outline:3px solid #3676d8;outline-offset:-3px}.gallery-modal{max-width:1100px!important}.gallery-modal .modal-heading h2{overflow-wrap:anywhere}.gallery-stage{height:min(65vh,760px);display:flex;align-items:center;justify-content:center;background:#101828;border-radius:10px;overflow:hidden}.gallery-stage img{width:100%;height:100%;object-fit:contain}.gallery-stage p{color:#fff;text-align:center;max-width:420px;padding:20px}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.gallery-controls #gallery-counter{min-width:65px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.gallery-controls #gallery-download{margin-left:auto}@media(max-width:600px){.head-actions .button{flex:1 1 auto}.gallery-stage{height:55vh}.gallery-controls{gap:8px}.gallery-controls #gallery-download{margin-left:0}.gallery-modal{padding:14px}.image-card .card-preview{height:100%}}