*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial;color:#123;background:linear-gradient(135deg,#e8ffff,#aef7f7 35%,#fff)}.glass{background:rgba(255,255,255,.72);border:1px solid #fff;border-radius:14px;box-shadow:0 10px 28px rgba(0,102,102,.13);backdrop-filter:blur(12px)}header{height:50px;background:#006666;color:#fff;display:flex;align-items:center;gap:15px;padding:8px 18px}header input{flex:1;height:34px;border:0;border-radius:8px}header a{color:#fff;margin-left:auto;font-weight:700}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:230px;padding:10px;background:#006666;transform:translateX(-218px);transition:.0s}.sidebar:hover,.sidebar.open{transform:none}.sidebar img{width:100%;height:82px;object-fit:contain;background:#fff;border-radius:10px}.sidebar nav{display:grid;gap:4px;margin-top:8px}.sidebar a{color:#fff;text-decoration:none;padding:9px;border-radius:8px}.sidebar a:hover{background:#ffffff30}main{padding:12px 18px}.watermark:before{content:"";position:fixed;inset:70px 5%;background:url('../images/atec-logo.jpeg') center/60% auto no-repeat;opacity:.045;z-index:-1}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{padding:16px;min-height:96px;text-decoration:none;color:#345;border-top:4px solid #006666}.card b{display:block;color:#006666;font-size:1.4rem;margin-top:12px}.split{display:grid;grid-template-columns:300px 1fr;gap:12px}.pane{padding:14px;margin-bottom:12px}.form{display:grid;gap:8px}.form label{display:grid;gap:3px;font-size:12px;font-weight:700}.form input,.form select,.form textarea{height:34px;border:1px solid #9dd;border-radius:7px;padding:6px}.form textarea{height:50px}.form button,.pane>button{height:36px;border:0;border-radius:8px;background:#006666;color:#fff;font-weight:700}.line{display:grid;grid-template-columns:2fr .6fr .8fr;gap:5px}.table{overflow:auto}table{width:100%;min-width:850px;border-collapse:collapse}th{background:#006666;color:#fff}th,td{padding:7px;border-bottom:1px solid #cde;text-align:left;font-size:13px}.trans{display:grid;gap:12px}.totals{display:flex;justify-content:flex-end;gap:18px;color:#006666}.inline{display:inline}.inline input{display:none}.auth{display:grid;place-items:center}.login{width:400px;padding:28px}.login img{width:100%;height:100px;object-fit:contain}.login label{display:grid;margin:8px 0}.login input,.login button{height:42px}.login button{background:#006666;color:#fff;border:0;border-radius:8px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:600px){.cards{grid-template-columns:1fr}}
.sales-page{display:grid;gap:12px}.sales-entry,.sales-list{padding:14px}.sales-entry h2,.sales-list h2{margin:0 0 10px;color:#006666}.sales-head{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:10px}.sales-form label{display:grid;gap:3px;font-size:12px;font-weight:700}.sales-form select,.sales-form input,.sales-form textarea{width:100%;height:34px;border:1px solid #9dd;border-radius:7px;padding:6px}.sales-form textarea{height:52px}.sales-grid{overflow:auto;margin-bottom:10px}.sales-grid table{min-width:950px}.sales-grid th{background:#006666;color:#fff}.sales-grid td{padding:6px}.sales-grid .cell{width:100%;min-width:100px}.sales-grid td:nth-child(1){width:22%}.sales-grid td:nth-child(2){width:26%}.sales-grid td:nth-child(3),.sales-grid td:nth-child(4),.sales-grid td:nth-child(5){width:10%}.sales-grid td:nth-child(6){width:10%;font-weight:800;color:#006666}.sales-grid td:nth-child(7){white-space:nowrap}.add-row,.remove-row,.save-sale{height:32px;border:0;border-radius:7px;font-weight:800;cursor:pointer}.add-row,.save-sale{background:#006666;color:#fff}.remove-row{background:#fff;color:#b33;border:1px solid #b33;margin-left:4px}.sales-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.sales-bottom .totals{display:flex;gap:20px}.save-sale{padding:0 24px}.sales-list{min-width:0}.sales-list .table{max-height:340px}.actions{white-space:nowrap}.actions a,.actions button{border:0;background:none;color:#006666;font-weight:700;text-decoration:none}.actions button[value=delete]{color:#b33}@media(max-width:700px){.sales-head{grid-template-columns:1fr}.sales-bottom{align-items:stretch;flex-direction:column}.sales-bottom .totals{display:grid;gap:5px}}
.purchase-page{display:grid;gap:12px}.purchase-entry,.purchase-list{padding:14px}.purchase-entry h2,.purchase-list h2{margin:0 0 10px;color:#006666}.purchase-head{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:10px}.purchase-form label{display:grid;gap:3px;font-size:12px;font-weight:700}.purchase-form select,.purchase-form input,.purchase-form textarea{width:100%;height:34px;border:1px solid #9dd;border-radius:7px;padding:6px}.purchase-form textarea{height:52px}.purchase-grid{overflow:auto;margin-bottom:10px}.purchase-grid table{min-width:950px}.purchase-grid th{background:#006666;color:#fff}.purchase-grid td{padding:6px}.purchase-grid .purchase-cell{width:100%;min-width:100px}.purchase-grid td:nth-child(1){width:22%}.purchase-grid td:nth-child(2){width:26%}.purchase-grid td:nth-child(3),.purchase-grid td:nth-child(4),.purchase-grid td:nth-child(5){width:10%}.purchase-grid td:nth-child(6){width:10%;font-weight:800;color:#006666}.purchase-grid td:nth-child(7){white-space:nowrap}.purchase-add,.purchase-remove,.save-purchase{height:32px;border:0;border-radius:7px;font-weight:800;cursor:pointer}.purchase-add,.save-purchase{background:#006666;color:#fff}.purchase-remove{background:#fff;color:#b33;border:1px solid #b33;margin-left:4px}.purchase-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.purchase-bottom .totals{display:flex;gap:20px}.save-purchase{padding:0 24px}.purchase-list .table{max-height:340px}@media(max-width:700px){.purchase-head{grid-template-columns:1fr}.purchase-bottom{align-items:stretch;flex-direction:column}.purchase-bottom .totals{display:grid;gap:5px}}
.reports-page{display:grid;gap:12px}.reports-entry,.report-list{padding:14px}.reports-entry h2,.report-list h2{margin:0 0 10px;color:#006666}.report-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.report-tabs a{padding:8px 12px;border:1px solid #006666;border-radius:8px;color:#006666;text-decoration:none;font-weight:700;background:#fff}.report-tabs a.active{background:#006666;color:#fff}.report-filters{display:grid;grid-template-columns:1fr 1fr 2fr auto auto;gap:8px;align-items:end}.report-filters label{display:grid;gap:3px;font-size:12px;font-weight:700}.report-filters input{height:34px;border:1px solid #9dd;border-radius:7px;padding:6px}.report-filters button,.report-print{height:34px;border:0;border-radius:7px;background:#006666;color:#fff;font-weight:800;padding:8px 14px;text-decoration:none;white-space:nowrap}.report-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.report-cards a{padding:14px;text-decoration:none;color:#345;border-top:4px solid #006666}.report-cards b{display:block;color:#006666;font-size:1.25rem;margin-top:8px}.report-list .table{max-height:430px}.report-list table{min-width:900px}.report-list th{position:sticky;top:0;z-index:2}@media(max-width:1000px){.report-cards{grid-template-columns:repeat(2,1fr)}.report-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.report-cards,.report-filters{grid-template-columns:1fr}}
.voucher-page{display:grid;gap:12px}.voucher-entry,.voucher-list{padding:14px}.voucher-entry h2,.voucher-list h2{margin:0 0 10px;color:#006666}.voucher-form{display:grid;gap:8px}.voucher-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.voucher-form label{display:grid;gap:3px;font-size:12px;font-weight:700}.voucher-form input,.voucher-form select,.voucher-form textarea{width:100%;height:34px;border:1px solid #9dd;border-radius:7px;padding:6px}.voucher-form textarea{height:52px}.voucher-save,.voucher-list-head button{height:34px;border:0;border-radius:7px;background:#006666;color:#fff;font-weight:800;padding:0 18px}.voucher-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.voucher-list-head form{display:flex;gap:7px}.voucher-list-head input{height:34px;border:1px solid #9dd;border-radius:7px;padding:6px}.voucher-list .table{max-height:390px}.voucher-list table{min-width:1050px}@media(max-width:700px){.voucher-head{grid-template-columns:1fr}.voucher-list-head{align-items:stretch;flex-direction:column}.voucher-list-head form{display:grid}}
.statement-page{display:grid;gap:12px}.statement-entry,.statement-list{padding:14px}.statement-entry h2,.statement-list h2{margin:0 0 10px;color:#006666}.statement-filters{display:grid;grid-template-columns:1.1fr 2fr 1fr 1fr 1.5fr auto auto;gap:8px;align-items:end}.statement-filters label{display:grid;gap:3px;font-size:12px;font-weight:700}.statement-filters input,.statement-filters select{width:100%;height:34px;border:1px solid #9dd;border-radius:7px;padding:6px}.statement-filters button,.statement-print,.view-link{height:34px;border:0;border-radius:7px;background:#006666;color:#fff;font-weight:800;padding:8px 14px;text-decoration:none;white-space:nowrap}.statement-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.statement-cards article{padding:14px;border-top:4px solid #006666}.statement-cards b{display:block;color:#006666;font-size:1.25rem;margin-top:8px}.statement-party{display:flex;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid #9dd}.statement-party div{display:grid;gap:3px}.statement-list .table{margin-top:10px;max-height:430px}.statement-list table{min-width:900px}.statement-list th{position:sticky;top:0;z-index:2}.statement-list tfoot th{background:#006666;color:#fff}.view-link{display:inline-block;height:auto;padding:5px 10px}@media(max-width:1100px){.statement-filters{grid-template-columns:1fr 1fr}.statement-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.statement-filters,.statement-cards{grid-template-columns:1fr}.statement-party{flex-direction:column}}

@media (max-width:768px){

    .sidebar{
        width:230px !important;
        height:100vh !important;
        transform:translateX(-100%) !important;
        transition:transform .22s ease !important;
        overflow-y:auto !important;
    }


    body.mobile-menu-open .sidebar{
        transform:translateX(0) !important;
        
    }

    header{
        margin-left:0 !important;
        width:100% !important;
        padding-left:60px !important;
    }

    main{
        margin-left:0 !important;
        width:100% !important;
        padding:10px !important;
    }

    #sidebarToggle{
        display:block !important;
        position:fixed !important;
        top:8px !important;
        left:10px !important;
        width:40px !important;
        height:40px !important;
        z-index:10001 !important;
        color:#fff !important;
        background:#006666 !important;
        border:1px solid rgba(255,255,255,.45) !important;
        border-radius:8px !important;
        cursor:pointer !important;
        touch-action:manipulation !important;
    }

    .cards,
    .split,
    .sales-head,
    .purchase-head,
    .voucher-head,
    .report-cards,
    .report-filters,
    .statement-cards,
    .statement-filters{
        grid-template-columns:1fr !important;
    }

    .table{
        width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }

    button,
    a,
    input,
    select{
        min-height:42px;
    }
    
        .sidebar a{
        min-height:44px !important;
        display:flex !important;
        align-items:center !important;
        padding:10px 12px !important;
    }

    .sidebar details summary{
        min-height:44px !important;
        display:flex !important;
        align-items:center !important;
        padding:10px 12px !important;
        cursor:pointer !important;
    }
}

    body.mobile-menu-open::before{
        content:'';
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.35);
        z-index:999;
    }

    body.mobile-menu-open main{
        pointer-events:none;
    }

.smart-search-container{

    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;

    margin:0 0 12px 0;

    padding:12px;

    background:rgba(255,255,255,.72);

    border:1px solid #ffffff;

    border-radius:14px;

    box-shadow:
        0 10px 28px rgba(0,102,102,.13);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.smart-search-container input,
.smart-search-container select{

    height:34px;

    border:1px solid #9dd;

    border-radius:7px;

    padding:0 10px;

    background:#fff;

    color:#123;
}

.smart-search-container input{

    flex:1;
    min-width:250px;
}

.smart-search-container select{

    width:140px;
}

.smart-search-container input:focus,
.smart-search-container select:focus{

    outline:none;

    border-color:#006666;

    box-shadow:
        0 0 0 3px rgba(0,102,102,.12);
}

#resetItemFilters{

    height:34px;

    padding:0 14px;

    border:0;

    border-radius:7px;

    background:#006666;

    color:#fff;

    font-weight:700;

    cursor:pointer;
}

#resetItemFilters:hover{

    background:#005858;
}

#resetItemFilters:focus{

    outline:none;

    box-shadow:
        0 0 0 3px rgba(0,102,102,.12);
}