:root{font-family:Arial,Helvetica,sans-serif;color:#17312e;background:#f4f6f5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:#136650;color:white;border:1px solid #136650;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.5}button.secondary{background:white;color:#29463f;border-color:#dce3df}.shell{display:flex;min-height:100vh}aside{width:235px;background:#102f29;color:#b7c9c2;padding:36px 22px;position:fixed;top:0;bottom:0}.brand{font-size:17px;font-weight:700;letter-spacing:1px;color:white;margin-bottom:60px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin:10px 0 0 41px;color:#8fafa3}.logo{font-size:30px;color:#8bdbb9;vertical-align:middle;margin-right:7px}.nav{padding:16px 12px;font-size:13px;border-radius:8px}.active{background:#23483f;color:#e7f7ee}.side-note{font-size:12px;line-height:2;padding:20px 12px;color:#89a69a}.side-bottom{position:absolute;bottom:35px;font-size:12px;color:#b3dbc4;line-height:2.2}.side-bottom small{color:#849f94;margin-left:16px}main{margin-left:235px;padding:0 42px 30px;width:calc(100% - 235px);max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e6e2;padding:19px 0;color:#80908a;font-size:10px;letter-spacing:1.3px}.avatar{border-radius:50%;padding:11px;background:#e1eae4;color:#426454;letter-spacing:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 0 30px}.eyebrow{font-size:10px;color:#728a7f;font-weight:600;letter-spacing:2px}h1{font-size:34px;letter-spacing:-1.4px;font-weight:600;margin:10px 0}p{color:#7b8983;font-size:13px;line-height:1.6;margin:8px 0}.actions{display:flex;gap:10px;justify-content:flex-end}.cards{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:20px;margin-bottom:32px}.cards article{background:white;border:1px solid #e1e7e3;padding:24px;border-radius:12px}.card-top{font-size:10px;letter-spacing:1.1px;color:#71877b;display:flex;justify-content:space-between}.card-top span{font-size:19px}strong{display:block;font-size:36px;font-weight:500;margin:16px 0}strong small{font-size:16px;color:#91a399}.bar{height:4px;background:#edf1ee;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:#4b997a}.cards p{font-size:11px}.cards article.dark{background:#163d32;color:white;border-color:#163d32}.dark p,.dark .card-top{color:#b0c8b9}.orange{color:#b58038}.ledger{border:1px solid #dfe6e1;border-radius:12px;background:white;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:16px}h2{font-size:18px;font-weight:600;margin:0}h3{font-size:17px;margin:15px 0 5px}.section-title p{font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 22px;align-items:center}input,select,textarea{border:1px solid #dae2dc;padding:11px 12px;border-radius:7px;background:white;color:#284339;font-size:12px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #87bda6;outline-offset:2px}.filters>input{flex:1;min-width:230px}.filters label{font-size:11px;color:#78867d}.filters input[type=date]{padding:9px;width:137px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.8px;color:#8b978f;background:#f8faf8;padding:15px 23px;border-block:1px solid #e9ede9}td{padding:19px 23px;font-size:12px;border-bottom:1px solid #edf0ed}td small{display:block;font-size:10px;color:#8b978f;max-width:240px;white-space:normal;margin-top:5px}.badge{font-size:10px;display:inline-block;padding:6px 10px;border-radius:5px}.in{background:#e9f5ed;color:#35805b}.out{background:#fff2e4;color:#b17d38}.quantity{font-weight:600}.empty{text-align:center;padding:44px 20px 55px}.empty>span{font-size:35px;color:#81a48c}.empty button{margin-top:18px}.empty p{max-width:390px;margin:10px auto}footer{display:flex;justify-content:space-between;padding:17px 24px;font-size:10px;color:#8b978e;border-top:1px solid #edf0ed}.footnote{font-size:10px;margin-top:18px}.overlay{position:fixed;inset:0;background:#092a216b;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5;backdrop-filter:blur(4px)}.dialog{background:#fff;border-radius:15px;width:580px;padding:27px;max-height:95vh;overflow:auto;box-shadow:0 20px 100px #102f2944}.dialog .section-title{padding:0 0 10px}.dialog form>label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin-bottom:16px}.dialog form{margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dialog input,.dialog select,.dialog textarea{width:100%;font-weight:400}.error{background:#fff0e9;color:#a44727;padding:12px;border-radius:8px;font-size:12px;margin-bottom:16px}.error button{padding:5px;margin-left:10px}.error a{margin-left:10px;text-decoration:underline}@media(max-width:1100px){aside{width:190px;padding:30px 14px}main{margin-left:190px;width:calc(100% - 190px);padding:0 24px 20px}.heading{align-items:flex-start;flex-direction:column}.cards{gap:12px}.cards article{padding:18px}}@media(max-width:700px){aside{position:static;width:auto;padding:16px 20px}.brand{margin:0;font-size:14px}.brand span,.nav,.side-note,.side-bottom{display:none}.shell{display:block}main{margin:0;width:100%;padding:0 16px 20px}header{padding:12px 0}.heading{padding:25px 0}h1{font-size:30px}.cards{grid-template-columns:1fr 1fr}.cards article.dark{grid-column:span 2}.cards strong{font-size:30px}.section-title{padding:18px}.section-title p{display:none}.filters{padding:0 18px 18px}.actions{width:100%}.actions button{flex:1}footer span{display:none}.form-grid{grid-template-columns:1fr 1fr}.dialog{padding:20px}.dialog .section-title button{flex:0}}

.sciap-logo{background:white;padding:7px;border-radius:9px;overflow:hidden}.sciap-logo img{width:100%;height:auto;display:block}.brand span{margin:17px 0 0;text-align:center;font-size:9px;letter-spacing:2px}@media(max-width:700px){.brand{display:flex;align-items:center;gap:18px}.sciap-logo{width:115px;padding:3px}.brand span{display:block;margin:0;text-align:left;font-size:10px}}
a{color:inherit;text-decoration:none}.nav{display:block;margin-bottom:10px}.panel{background:#fff;border:1px solid #dfe6e1;border-radius:12px;padding:24px;margin:26px 0}.panel form{margin-top:20px}.panel label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:18px}.panel input,.panel select{width:100%}.panel input[type=checkbox]{width:18px;height:18px}.check{flex-direction:row!important;align-items:center}.inline-form{display:flex;gap:15px;align-items:center}.inline-form label{flex:1}.button{display:inline-block;padding:12px 18px;border-radius:8px;background:#136650;color:#fff;font-size:12px}.button.secondary{background:#fff;color:#29463f;border:1px solid #dce3df}.notice{padding:15px 20px;border-radius:8px;background:#e6f0e9;margin-top:20px;font-size:13px}.notice.error{background:#fff0e9}.login{max-width:500px;margin:60px auto}.heading label{display:flex;gap:10px;align-items:center;font-size:13px}.heading form{display:flex;gap:10px;align-items:center}table form{margin:0!important}table button{padding:8px 12px}body{font-size:14px}h1,h2,h3,p{line-height:1.4}.empty{padding:40px;text-align:center}


/* SCIAP_MOBILE_V1 */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
main { min-width: 0; }
@media (max-width: 700px) {
    .shell { width: 100%; }
    aside { width: 100%; padding: 12px 16px; }
    .brand { gap: 12px; }
    .sciap-logo { width: 80px; flex: 0 0 80px; }
    .brand span {
        flex: 1;
        min-width: 0;
        font-size: 10px;
        letter-spacing: 1px;
    }
    main {
        width: 100%;
        margin: 0;
        padding: 0 16px 24px;
    }
    header {
        flex-wrap: wrap;
        gap: 10px;
        letter-spacing: 0.7px;
    }
    header > span {
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .login {
        width: 100%;
        max-width: 440px;
        min-width: 0;
        margin: 24px auto;
        padding: 20px;
    }
    .login h1 { font-size: 26px; }
    .login p { font-size: 14px; }
    .login label { font-size: 14px; }
    input, select, textarea {
        min-width: 0;
        font-size: 16px;
    }
    .login input {
        width: 100%;
        min-height: 46px;
        font-size: 16px;
    }
    .login button {
        width: 100%;
        min-height: 46px;
        font-size: 15px;
    }
}