body{background:#f4f6f7;color:#26353a;font-family:'DM Sans',Arial,sans-serif}.top{max-width:1240px;height:78px;border-color:#e5e9e9}.brand{font-family:'DM Sans',Arial,sans-serif;font-size:18px;letter-spacing:-.4px}.brand-icon{background:#24635c;border-radius:8px;width:36px;height:36px;font:700 18px 'DM Sans',Arial,sans-serif}.brand-dot{color:#54a89b}.brand small{font-size:9px;letter-spacing:1.3px}.top form{margin:0}main{max-width:1240px}.login-layout{grid-template-columns:1fr 410px;gap:80px;max-width:1000px;margin:auto;min-height:calc(100vh - 165px)}.welcome{min-height:360px;padding-top:45px}.welcome h1{font-size:51px}.welcome h1 em{color:#37847a}.folder-art{position:absolute;bottom:2px;left:10px;width:250px;height:120px;border-radius:10px;background:#dcebe7;color:#548c83;font-size:53px;padding:34px 45px;display:flex;align-items:end;gap:8px;box-shadow:0 12px 30px #294c4512}.folder-art span:nth-child(2){color:#7fb0a3}.folder-art span:nth-child(3){color:#a8c8ba}.folder-art b{position:absolute;right:42px;top:23px;font-size:27px;color:#477b70}.login-card{border-radius:9px;border-color:#e9eeee;box-shadow:0 15px 45px #263d3b0c}.login-card h2{font:600 28px 'DM Sans',Arial,sans-serif;letter-spacing:-.7px}.primary{background:#24635c;border-radius:5px}.primary:hover{background:#174b46}.login-card input{border-radius:5px}.lock-note{letter-spacing:.1px}.page-intro{margin:42px 0 28px;display:flex;align-items:center;justify-content:space-between}.page-intro h1,.setup h1{font:600 31px 'DM Sans',Arial,sans-serif;letter-spacing:-1px;margin:9px 0 5px}.page-intro p,.setup>p{color:#7c888b;font-size:13px;margin:0}.intro-icon{height:59px;width:59px;background:#e0eeeb;color:#3c8378;border-radius:12px;display:grid;place-items:center;font-size:27px}.browser{background:#fff;border:1px solid #e5eaea;border-radius:8px;overflow:hidden;box-shadow:0 8px 28px #253d3908}.browser-head{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0f0}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;color:#9aa3a4}.breadcrumbs a{color:#4a7771;text-decoration:none}.breadcrumbs a:last-child{color:#2d4142;font-weight:600}.actions{display:flex;align-items:center;gap:9px}.actions form{display:flex;gap:6px;margin:0}.inline-input{width:125px;height:36px;padding:0 9px;border:1px solid #dfe6e5;border-radius:4px;font:11px 'DM Sans',Arial,sans-serif;outline:none}.secondary{height:36px;padding:0 11px;background:#fff;color:#476760;border:1px solid #dfe6e5;border-radius:4px;font:600 11px 'DM Sans',Arial,sans-serif;white-space:nowrap;cursor:pointer}.upload-button{height:36px;display:flex;align-items:center;gap:8px;padding:0 13px;white-space:nowrap;cursor:pointer;font-size:11px}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.back-link{display:inline-block;margin:15px 22px 0;color:#54837a;text-decoration:none;font-size:11px}.list-head{display:grid;grid-template-columns:1fr 120px 150px 30px;gap:10px;padding:17px 22px 10px;color:#9ba4a5;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:1px}.file-list{padding:0 11px 12px}.file-row{min-height:61px;padding:9px 11px;display:grid;grid-template-columns:36px 1fr 120px 150px 30px;gap:10px;align-items:center;color:#2e4142;text-decoration:none;border-top:1px solid #f0f2f2;transition:background .12s}.file-row:hover{background:#f7faf9}.file-icon{width:33px;height:33px;border-radius:7px;display:grid;place-items:center;font-size:17px}.file-icon.folder{color:#528c82;background:#e7f1ee}.file-icon.document{color:#75868b;background:#edf0f0}.file-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.file-name small{display:block;font-size:9px;font-weight:400;color:#a0a8a8;margin-top:4px}.file-size,.file-row time{font-size:10px;color:#929c9d}.open-arrow{font-size:21px;color:#b6c0bf;text-align:right}.no-files{text-align:center;padding:50px 15px 58px;color:#81918f}.no-files>span{display:block;font-size:30px;color:#80a99f}.no-files h3{font-size:15px;color:#48595a;margin:13px 0 5px}.no-files p{font-size:11px;margin:0}.upload-hint{font-size:10px;color:#97a0a0;margin:12px 3px}.setup{margin:75px auto;background:white;border:1px solid #e5eaea;border-radius:8px;padding:40px;max-width:720px}.setup h1{margin:10px 0}.setup p{line-height:1.7}.setup code{font-size:12px;background:#eaf0ef;padding:4px 6px;border-radius:3px;color:#315d57}.path-example{background:#eef5f3;color:#315e57;padding:14px 17px;font:600 15px Consolas,monospace;border-radius:5px;margin:22px 0}.empty{border-color:#e5eaea;border-radius:8px}.empty h1{font-size:20px}.empty a{color:#438077}.error{border-radius:5px}
@media(max-width:800px){.browser-head{align-items:flex-start;flex-direction:column}.actions{width:100%;flex-wrap:wrap}.actions form:last-child{margin-left:auto}.list-head{grid-template-columns:1fr 90px 120px 22px}.file-row{grid-template-columns:34px 1fr 90px 120px 22px}}
@media(max-width:600px){main{padding:0 18px}.top{padding:0 18px}.top-note{font-size:10px}.login-layout{display:block;padding:34px 0}.welcome{min-height:220px;padding:0}.welcome h1{font-size:40px}.folder-art{display:none}.login-card{padding:27px 23px}.page-intro{margin:29px 0 20px}.page-intro h1,.setup h1{font-size:24px}.intro-icon{width:46px;height:46px}.browser-head{padding:15px}.actions{gap:7px}.actions form:first-child{flex:1}.inline-input{width:100px}.list-head{grid-template-columns:1fr 70px 22px;padding:14px 14px 9px}.list-head span:nth-child(3),.file-row time{display:none}.file-row{grid-template-columns:33px 1fr 70px 22px;padding:8px 6px;gap:7px}.file-size{font-size:9px}.file-name{font-size:11px}.file-icon{width:30px;height:30px}.setup{margin:35px auto;padding:25px 21px}.path-example{font-size:12px;overflow-wrap:anywhere}footer{margin:48px 18px 0}}
.register-wrap{max-width:550px;margin:35px auto}.register-wrap .back-link{margin:0 0 14px}.register-card{padding:32px 36px}.register-card select{display:block;width:100%;margin-top:8px;padding:13px 12px;border:1px solid #e7e5dc;border-radius:5px;background:#fff;color:#344447;font:13px 'DM Sans',Arial,sans-serif}.register-link{text-align:center;font-size:11px;color:#7d8989;margin:17px 0}.register-link a,.approval-note a,.user-list-head a,.admin-link{color:#31776e;font-weight:600;text-decoration:none}.approval-note{text-align:center;color:#8a9695;font-size:10px;line-height:1.6;margin:16px 0 0}.intro-actions{display:flex;align-items:center;gap:18px}.admin-link{font-size:11px}.user-list-head{padding:18px 22px;border-bottom:1px solid #edf0f0;font-size:12px;font-weight:600;color:#536465}.user-list-head span{margin-left:7px;background:#e6f1ee;color:#34796e;padding:3px 7px;border-radius:10px;font-size:10px}.user-row{padding:14px 22px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f2f2}.user-row>span{flex:1}.user-row strong{display:block;font-size:12px;color:#344548}.user-row small{display:block;color:#899595;font-size:10px;margin-top:4px}.user-row button{min-width:75px}.primary:disabled{opacity:.45;cursor:not-allowed}.setup>a{display:inline-block;margin-top:12px;color:#31776e;text-decoration:none;font-size:12px;font-weight:600}
@media(max-width:600px){.register-wrap{margin:26px auto}.register-card{padding:25px 21px}.intro-actions{gap:9px;flex-direction:column-reverse;align-items:flex-end}.admin-link{font-size:9px}.user-row{padding:13px 12px;flex-wrap:wrap}.user-row>span{flex-basis:100%;margin-bottom:4px}.user-row button{min-width:68px}}
.top{height:84px}.brand{gap:10px;font-size:14px;letter-spacing:0}.brand-logo{width:70px;height:70px;object-fit:contain;flex:none}.brand-text{font-weight:700;line-height:1.25;white-space:nowrap}.brand small{font-size:8px;letter-spacing:1.4px;margin-top:4px}
@media(max-width:600px){.top{height:68px}.brand-logo{width:54px;height:54px}.brand{gap:7px;font-size:12px}.brand small{font-size:7px;letter-spacing:1px;margin-top:2px}.top-note{max-width:105px;text-align:right;line-height:1.4}}

/* Tema escuro GITO ASSESSORIA */
:root{color-scheme:dark;--ink:#f2f2f2;--muted:#b4b8bb;--paper:#000000;--green:#d7ad4d;--line:#2b2b2b}
body{background:#000000;color:#f2f2f2}
.top{border-color:#292929}
.brand,.brand:hover{color:#f4f1e8}
.brand small{color:#c2b99e}
.top-note,footer{color:#b1b1b1}
.text-button{color:#f0c75c}
.eyebrow{color:#e0b84c}
.welcome h1 em,.hero h1 em{color:#e6c66f}
.welcome p,.hero p,.page-intro p,.setup>p{color:#c0c0c0}
.folder-art{background:#211d13;color:#e6c66f;box-shadow:0 12px 30px #0008}
.folder-art span:nth-child(2){color:#d5b45e}.folder-art span:nth-child(3){color:#b89137}.folder-art b{color:#f2d787}
.login-card,.browser,.add-form,.empty,.setup{background:#141414;color:#f0f0f0;border-color:#303030;box-shadow:0 12px 36px #0008}
.login-card h2,.page-intro h1,.setup h1,.empty h3,.no-files h3{color:#f3f1eb}
.muted,.register-link,.approval-note{color:#b8b8b8}
.login-card label,.add-form label{color:#d0d0d0}
.login-card input,.add-form input,.add-form textarea,.register-card select,.inline-input{background:#0b0b0b;color:#f4f4f4;border-color:#414141}
.login-card input::placeholder,.add-form input::placeholder,.inline-input::placeholder{color:#929292}
.login-card input:focus,.add-form input:focus,.add-form textarea:focus,.register-card select:focus,.inline-input:focus{border-color:#d2aa48;outline:2px solid #d2aa4833}
.primary{background:#c49a37;color:#111;border:1px solid #d8b552}
.primary:hover{background:#dfba59;color:#111}
.secondary{background:#1b1b1b;color:#ead28f;border-color:#494235}
.secondary:hover{background:#292929}
.browser-head,.user-list-head,.user-row,.file-row{border-color:#2b2b2b}
.breadcrumbs{color:#c0c0c0}
.breadcrumbs a,.breadcrumbs a:last-child,.back-link,.register-link a,.approval-note a,.user-list-head a,.admin-link,.setup>a,.empty a{color:#e6bf5c}
.list-head{color:#b6b6b6}
.file-row{color:#f0f0f0}
.file-row:hover{background:#202020}
.file-name small,.file-size,.file-row time{color:#b7b7b7}
.file-icon.folder{color:#f0cf72;background:#302711}
.file-icon.document{color:#d0d0d0;background:#292929}
.open-arrow,.delete{color:#aaa}
.no-files{color:#c0c0c0}
.no-files>span{color:#e0bd5e}
.no-files p{color:#bdbdbd}
.upload-hint{color:#b8b8b8}
.user-list-head{color:#e2e2e2}
.user-list-head span{background:#302711;color:#f0cf72}
.user-row strong{color:#f1f1f1}
.user-row small{color:#b8b8b8}
.setup code{background:#29251a;color:#f2d780}
.path-example{background:#211d13;color:#f1d381}
.error{background:#421d1b;color:#ffd3cf}
.lock-note{border-color:#303030;color:#b8b8b8}
.intro-icon{background:#302711;color:#f1ce6f}
::selection{background:#806522;color:#fff}
.file-line{display:flex;align-items:center;min-width:0;border-top:1px solid #2b2b2b}.file-line .file-row{flex:1;min-width:0;border-top:0}.delete-folder-form{margin:0;padding:0 12px 0 6px}.delete-folder-button{padding:8px 10px;border:1px solid #67332f;border-radius:4px;background:#351b19;color:#ffd6d1;font:600 10px 'DM Sans',Arial,sans-serif;cursor:pointer}.delete-folder-button:hover{background:#51221f;border-color:#9d4d45}
@media(max-width:600px){.delete-folder-form{padding:0 6px 0 2px}.delete-folder-button{padding:7px 8px;font-size:9px}}
.delete-folder-form{padding:0 8px 0 2px}.delete-folder-button{display:grid;place-items:center;width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#a69b98;box-shadow:none;transition:color .16s,transform .12s;cursor:pointer}.delete-folder-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.delete-folder-button:hover{background:transparent;border-color:transparent;color:#ffaaa2;box-shadow:none;transform:scale(1.08)}.delete-folder-button:active{background:transparent;transform:scale(.94)}.delete-folder-button:focus-visible{outline:2px solid #f0c6bf;outline-offset:2px}
@media(max-width:600px){.delete-folder-form{padding:0 5px 0 1px}.delete-folder-button{width:27px;height:27px}.delete-folder-button svg{width:13px;height:13px}}
.file-line{display:flex;align-items:center;gap:0}.file-line .file-row{grid-template-columns:36px minmax(0,1fr) 120px 150px;flex:1;min-width:0}.file-line .delete-folder-form{flex:0 0 auto;padding:0 2px}.file-line .open-arrow{flex:0 0 20px;width:20px;text-align:center;color:#a7a7a7}
@media(max-width:800px){.file-line .file-row{grid-template-columns:34px minmax(0,1fr) 90px 120px}}
@media(max-width:600px){.file-line .file-row{grid-template-columns:33px minmax(0,1fr) 70px}.file-line .open-arrow{flex-basis:18px;width:18px}}
