@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#007bff;--primary-hover:#0062cc;--primary-light:#eef6ff;--cyan:#17a2b8;--green:#28a745;--green-dark:#1e7e34;--yellow:#ffc107;--yellow-dark:#d39e00;--red:#dc3545;--red-dark:#bd2130;--dark:#343a40;--darker:#232931;--paper:#f4f6f9;--ink:#212529;--slate:#6c757d;--line:#dee2e6;--shadow:0 1px 3px #0000001f;--sidebar-bg:#0b1120;--sidebar-bg-2:#131c31;--sidebar-hover:#ffffff0f;--sidebar-active:#2563eb;--sidebar-text:#94a3b8;--body-bg:#eef2f7;--surface:#fff;--border-soft:#e8edf3;--card-shadow:0 1px 2px #0f172a0a, 0 2px 8px #0f172a0d;--card-hover-shadow:0 8px 24px #0f172a1a, 0 2px 6px #0f172a0f;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 6px 16px #0f172a14;--shadow-lg:0 16px 40px #0f172a24;--radius:14px;--radius-sm:9px;--radius-lg:18px;--radius-pill:999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Plus Jakarta Sans", "Inter", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);color:#334155;background:var(--body-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b59 padding-box content-box;border:2px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#64748b8c padding-box content-box}.main-sidebar{border-right:none;min-height:100vh;box-shadow:4px 0 28px #00000038;background:linear-gradient(185deg, var(--sidebar-bg) 0%, var(--sidebar-bg-2) 100%)!important}.sidebar{padding-top:4px}.sidebar-dark-primary .sidebar a{color:var(--sidebar-text);transition:all .18s}.sidebar-dark-primary .sidebar a:hover{color:#f8fafc;background:var(--sidebar-hover)!important}.sidebar-dark-primary .nav-header{color:#4b5b76;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;font-family:var(--font-display);padding:1.1rem 1.35rem .4rem}.nav-sidebar>.nav-item{margin-bottom:2px}.nav-sidebar>.nav-item>.nav-link{color:var(--sidebar-text);border-radius:var(--radius-sm);width:calc(100% - 20px);margin:1px 10px;padding:.68rem 1rem;font-size:13px;font-weight:500;transition:all .18s;position:relative}.nav-sidebar>.nav-item>.nav-link:hover{color:#f8fafc;transform:translate(2px);background:var(--sidebar-hover)!important}.nav-sidebar>.nav-item>.nav-link.active{font-weight:600;box-shadow:0 4px 14px #2563eb66;background:linear-gradient(135deg, var(--sidebar-active), #1d4ed8)!important;color:#fff!important}.nav-sidebar>.nav-item>.nav-link .nav-icon{opacity:.75;text-align:center;width:18px;margin-right:.65rem;font-size:.85rem}.nav-sidebar>.nav-item>.nav-link.active .nav-icon{opacity:1}.nav-sidebar>.nav-item>.nav-link p{margin:0;display:inline-block}.nav-sidebar>.nav-item>.nav-link .right.fas{opacity:.6;margin-top:3px;font-size:11px;transition:transform .2s}.nav-sidebar>.nav-item.menu-open>.nav-link .right.fas{transform:rotate(-90deg)}.nav-sidebar .nav-treeview>.nav-item>.nav-link{color:#64748b;border-radius:var(--radius-sm);width:calc(100% - 20px);margin:1px 10px;padding-left:2.7rem;font-size:12.5px}.nav-sidebar .nav-treeview>.nav-item>.nav-link:hover{color:#f8fafc;background:var(--sidebar-hover)!important}.nav-sidebar .nav-treeview>.nav-item>.nav-link.active{color:#fff;font-weight:600;background:#2563eb40!important}.nav-sidebar .nav-treeview>.nav-item>.nav-link{white-space:nowrap}.nav-sidebar .nav-treeview>.nav-item>.nav-link p{white-space:nowrap;overflow:visible}.nav-sidebar .nav-treeview>.nav-item>.nav-link .nav-icon{text-align:center;width:20px;margin-right:.55rem}.brand-link{white-space:nowrap;font-size:1.2rem;line-height:1.5;display:block;border-bottom:1px solid #ffffff12!important;padding:1.1rem 1.25rem!important}.brand-link .brand-image{float:left;margin-top:-2px;margin-left:.1rem;margin-right:.8rem;line-height:.8;box-shadow:0 4px 12px #f59e0b66}.brand-link{white-space:normal;display:flex;align-items:center;gap:.65rem;min-height:70px;overflow:visible}.brand-link .brand-image{float:none;flex:0 0 44px;width:44px!important;height:44px!important;margin:0;box-shadow:none}.brand-link .brand-image img{display:block;width:44px;height:44px;object-fit:contain}.sidebar-dark-primary .brand-link .brand-text{color:#f8fafc}html,body,#root{width:100%;min-height:100%}body.hold-transition{overflow-x:hidden}.wrapper{min-height:100vh;position:relative;overflow-x:hidden}.wrapper>.main-sidebar{z-index:1038;height:100vh;top:0;bottom:0;left:0;overflow:hidden auto;width:250px!important;position:fixed!important}.wrapper>.content-wrapper{min-height:calc(100vh - 57px);width:auto!important;margin-top:0!important;margin-left:250px!important}.wrapper>.content-wrapper>.main-header,.wrapper>.content-wrapper .main-header{padding-left:.75rem;padding-right:.75rem;width:auto!important;margin-left:0!important}.wrapper>.content-wrapper>.content-header{padding:1rem .85rem 0!important}.wrapper>.content-wrapper>.content{padding:.65rem .85rem 1.5rem!important}.wrapper>.content-wrapper>.content-header .container-fluid,.wrapper>.content-wrapper>.content .container-fluid{padding-left:.25rem!important;padding-right:.25rem!important}.wrapper>.main-footer{margin-left:250px!important}.wrapper .main-header{margin-left:0}@media (width<=767.98px){.wrapper>.content-wrapper,.wrapper>.main-footer{margin-left:0!important}body.sidebar-open .wrapper>.content-wrapper,body.sidebar-open .wrapper>.main-footer{margin-left:250px!important}}.main-header.navbar{background:var(--surface);border-bottom:1px solid var(--border-soft);min-height:56px;padding:0 1rem;box-shadow:0 1px #0f172a05,0 2px 6px #0f172a08}.main-header .nav-link{font-size:13px;transition:color .15s;color:#475569!important}.main-header .nav-link:hover{color:var(--primary)!important}.content-header h1{color:#0f172a;font-size:1.45rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.card{background:var(--surface);margin-bottom:1.1rem;transition:box-shadow .25s;overflow:hidden;border:1px solid var(--border-soft)!important;border-radius:var(--radius)!important;box-shadow:var(--card-shadow)!important}.card:hover{box-shadow:var(--card-hover-shadow)!important}.card-header{justify-content:space-between;align-items:center;display:flex;background:var(--surface)!important;border-bottom:1px solid var(--border-soft)!important;border-radius:var(--radius) var(--radius) 0 0!important;padding:.95rem 1.2rem!important}.card-header h3.card-title{color:#0f172a;font-size:.98rem;font-weight:700;font-family:var(--font-display);align-items:center;gap:.5rem;margin:0;display:flex}.card-header h3.card-title i{color:var(--primary);font-size:.92em}.card-tools{float:right;align-items:center;gap:6px;display:flex}.card-footer{border-top:1px solid var(--border-soft)!important;background:#fbfcfe!important;padding:.85rem 1.2rem!important}.card-body{padding:1.2rem}.card-primary.card-outline{border-top:3px solid var(--primary)!important}.card-warning.card-outline{border-top:3px solid var(--yellow)!important}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn i,.btn .fas,.btn .far{font-size:.95em}.btn:active{transform:scale(.97)}.btn:focus{outline:none;box-shadow:0 0 0 3.5px #2563eb2e}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 2px 6px #2563eb47}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover), #0056b3);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb61}.btn-warning{background:linear-gradient(135deg, #fbbf24, var(--yellow));color:#fff}.btn-danger{background:linear-gradient(135deg, #f87171, var(--red));color:#fff}.btn-default,.btn-secondary{color:#475569;box-shadow:none;background:#f1f5f9}.btn-default:hover,.btn-secondary:hover{color:#1e293b;background:#e2e8f0}.btn-sm{border-radius:8px;padding:.38rem .85rem;font-size:12px}.btn-block{width:100%}.btn-outline-primary{border:1.5px solid var(--primary);color:var(--primary);box-shadow:none;background:0 0}.btn-outline-primary:hover{background:var(--primary-light);color:var(--primary-hover)}.btn-outline-secondary{color:#64748b;background:0 0;border:1.5px solid #cbd5e1}.btn-outline-danger{border:1.5px solid var(--red);color:var(--red);background:0 0}.btn-custom{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:.25rem;align-items:center;gap:8px;padding:11px 19px;font-family:inherit;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-custom i{margin-left:0}.btn-custom:hover{background:var(--primary-hover);box-shadow:0 4px 12px #007bff59}.btn-custom:disabled{opacity:.65;cursor:not-allowed}.btn-primary-custom{background:var(--primary)}.btn-primary-custom:hover{background:var(--primary-hover)}.btn-success-custom{background:var(--green)}.btn-success-custom:hover{background:var(--green-dark)}.btn-secondary-custom{color:#212529;background:#e9ecef}.btn-secondary-custom:hover{background:#dee2e6}.btn-default-custom{color:#212529;background:#e9ecef}.btn-default-custom:hover{background:#dee2e6}.small-box{box-shadow:var(--shadow-md);border:1px solid #ffffff14;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.small-box:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff2e,#fff0 55%);position:absolute;inset:0}.small-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.small-box>.inner{z-index:1;padding:20px 22px 16px;position:relative}.small-box>.inner h3{font-size:2.1rem;font-weight:800;font-family:var(--font-display);margin:0 0 6px}.small-box>.inner p{opacity:.95;margin:0;font-size:.95rem;font-weight:500}.small-box .icon{color:#ffffff38;z-index:0;top:0;right:6px}.small-box .icon>i{font-size:84px}.small-box .small-box-footer{color:#ffffffe6;z-index:1;text-align:center;background-color:#0000001f;padding:9px 0;font-size:12px;font-weight:600;text-decoration:none;display:block;position:relative}.bg-info{color:#fff!important;background:linear-gradient(135deg,#22c1dc,#0891b2)!important}.bg-success{color:#fff!important;background:linear-gradient(135deg,#34d874,#16a34a)!important}.bg-warning{color:#1e293b!important;background:linear-gradient(135deg,#fcd34d,#f59e0b)!important}.bg-danger{color:#fff!important;background:linear-gradient(135deg,#fb8888,#ef4444)!important}.table{margin-bottom:0}.table th{color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-top:0;padding:.8rem 1rem;font-size:11px;font-weight:700;border-bottom:1px solid var(--border-soft)!important}.table td{border-color:var(--border-soft);color:#3f4b5f;vertical-align:middle;padding:.75rem 1rem;font-size:13px}.table-striped tbody tr:nth-of-type(odd){background-color:#fafbfd}.table-hover tbody tr{transition:background .15s}.table-hover tbody tr:hover{background:var(--primary-light)}.table-responsive{border-radius:0 0 var(--radius) var(--radius)}.form-group{margin-bottom:1rem}.form-group label{color:#475569;margin-bottom:.4rem;font-size:12.5px;font-weight:600;display:block}.form-control{color:#1e293b;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:9px;width:100%;height:40px;padding:.45rem .8rem;font-size:13.5px;transition:all .18s;display:block}.form-control::placeholder{color:#a3adc2}.form-control:hover{border-color:#cbd5e1}.form-control:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3.5px #2563eb1f}textarea.form-control{resize:vertical;height:auto;min-height:88px}select.form-control{appearance:auto;cursor:pointer}.input-group .form-control{border-radius:9px 0 0 9px}.input-group-append .input-group-text{color:#94a3b8;background:#f8fafc;border:1.5px solid #e2e8f0;border-left:0;border-radius:0 9px 9px 0;padding:0 .9rem}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;padding:5px 12px;font-size:10.5px;font-weight:700}.alert{border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;display:flex}.alert-danger{color:#b91c1c;background:#fef2f2}.nav-treeview{padding:0!important}.nav-treeview>.nav-item{margin:0}.chat-item{border-bottom:1px solid var(--border-soft);border-radius:var(--radius-sm);align-items:flex-start;gap:13px;padding:13px 16px;transition:background .18s;display:flex}.chat-item:hover{background:#f8fafc}.chat-item:last-child{border-bottom:0}.chat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;display:flex;box-shadow:0 3px 8px #0f172a1a}.chat-body{flex:1;min-width:0}.chat-body h4{color:#1e293b;margin:0 0 3px;font-size:13px;font-weight:700}.chat-body p{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.login-page{background:linear-gradient(90deg,#071426d9 0%,#071426b8 34%,#07142673 62%,#0714264d 100%),url('./login-bg.png') center/cover no-repeat fixed;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:#ffffff14;pointer-events:none;position:absolute;inset:0;backdrop-filter:blur(1px)}.login-box{z-index:1;width:380px;position:relative}.login-logo{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:1.05rem;font-weight:800;font-family:var(--font-display);margin-bottom:24px}.login-logo img{width:115px;height:115px;object-fit:contain;display:block;margin-bottom:10px}.login-logo span{color:#fff;letter-spacing:.04em;font-size:1.05rem;text-shadow:0 2px 6px #0008}.login-card-body{color:#64748b;box-shadow:var(--shadow-lg);border-top:0;border-radius:var(--radius-lg)!important;background:#fff!important;padding:2rem 1.75rem!important}.login-card-body .input-group .form-control{border-right:0}.login-box-msg{text-align:center;color:#94a3b8;margin:0 0 18px;font-size:13px}.content-header .breadcrumb{background:0 0;margin:0;padding:0;font-size:12px}.breadcrumb-item a{color:var(--primary);font-weight:500;text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:#94a3b8}.toast-msg{z-index:9999;background:var(--dark);color:#fff;border-radius:.3rem;align-items:center;gap:8px;padding:14px 18px;font-size:12.5px;display:flex;position:fixed;bottom:25px;right:24px;box-shadow:0 8px 24px #00000040}.toast-msg.toast-success{background:var(--green);color:#fff}.toast-msg.toast-error{background:var(--red);color:#fff}.loading-center{text-align:center;color:#999;padding:40px;font-size:14px}.loading-center i{margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.fa-spin{animation:1s linear infinite spin}.text-muted{color:#94a3b8!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mt-3{margin-top:1rem!important}.mr-2{margin-right:.5rem!important}.ml-2{margin-left:.5rem!important}.p-0{padding:0!important}.float-right{float:right}.text-nowrap{white-space:nowrap}.text-center{text-align:center}.elevation-1{box-shadow:var(--shadow-sm)!important}.elevation-2{box-shadow:var(--shadow-md)!important}.main-footer{background:var(--surface);border-top:1px solid var(--border-soft);color:#94a3b8;padding:.8rem 1.3rem;font-size:12px}@media (width<=991px){.wrapper>.content-wrapper>.content-header{padding:.85rem .85rem 0!important}.wrapper>.content-wrapper>.content{padding:.65rem .85rem 1.5rem!important}}.panel{box-shadow:var(--shadow);background:#fff;border:1px solid #0000000f;border-radius:.35rem;padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel-head h4{color:#212529;margin:0;font-size:17px;font-weight:600}.panel-head p{color:var(--slate);margin:4px 0 0;font-size:12px}.head-ico{color:var(--primary);margin-right:7px;font-size:15px}.period{color:#212529;background:#e9ecef;border-radius:.2rem;padding:6px 10px;font-size:11px;font-weight:600}.empty{text-align:center;color:#9aa2ac;padding:22px 5px;font-size:12.5px}.empty-cell{text-align:center;color:#94a3b8;padding:40px!important}.empty-cell i{opacity:.3;margin-bottom:8px;display:block}.hint,.field-note{color:var(--slate);font-size:12px}.req-star{color:var(--red)}.welcome-banner{background:var(--primary);color:#fff;min-height:150px;box-shadow:var(--shadow);border-radius:.35rem;padding:28px 32px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#0000001f;border-radius:50%;width:300px;height:300px;position:absolute;top:-160px;right:110px}.welcome-banner:after{content:"";background:#ffffff14;border-radius:50%;width:340px;height:340px;position:absolute;top:-150px;right:-140px}.welcome-text{z-index:3;position:relative}.welcome-text h3{margin:0 0 8px;font-size:26px;font-weight:700}.welcome-text p{color:#ffffffd9;margin:0;font-size:13.5px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.stat-card{min-height:124px;box-shadow:var(--shadow);color:#fff;border-radius:.35rem;padding:22px 24px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.16;background:#fff;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-72px;right:-58px}.stat-card h4{color:#ffffffd9;margin:0;font-size:12.5px;font-weight:600;display:block}.stat-card strong{margin-top:10px;font-size:42px;font-weight:700;line-height:1.05;display:block}.stat-card i{opacity:.35;font-size:42px;position:absolute;top:24px;right:24px}.stat-card.yellow{background:var(--yellow);color:#212529}.recent-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.mini-panel{border:0;border-left:5px solid var(--primary);min-height:118px;box-shadow:var(--shadow);background:#fff;border-radius:.35rem;padding:20px;position:relative;overflow:hidden}.mini-label{text-transform:uppercase;letter-spacing:.8px;color:var(--slate);font-size:13px;font-weight:600;display:block}.mini-panel strong{color:#212529;margin:9px 0 5px;font-size:24px;font-weight:700;display:block}.mini-panel p{color:var(--slate);margin:0;font-size:13px}.mini-panel.blue{color:#0d6efd;background:#eef6ff;border-left:4px solid #0d6efd}.mini-panel.blue strong{color:#138496}.mini-panel.yellow{color:#f59e0b;background:#fff7e6;border-left:4px solid #f59e0b}.mini-panel.yellow strong{color:#b98900}.dashboard-panel{border-top:3px solid var(--cyan)}.dashboard-panel.archive-panel{border-top:3px solid var(--green)}.dashboard-panel .panel-head h4{font-size:17px}.chart-wrap{height:228px}.folder-row{color:#495057;border-bottom:1px solid #f1f3f5;justify-content:space-between;align-items:center;padding:13px 4px;font-size:14px;display:flex}.folder-row:last-child{border-bottom:0}.folder-row i:first-child{color:var(--yellow);margin-right:9px}.folder-row b{color:#212529;font-weight:700}.folder-icon{margin-right:12px;font-size:28px}.form-panel{padding-bottom:25px}.form-grid label{color:#495057;margin-bottom:15px;font-size:12px;font-weight:600;display:block}.form-grid label input,.form-grid label select,.form-grid label textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #ced4da;border-radius:.25rem;outline:none;margin-top:6px;padding:10px 12px;transition:border .18s,box-shadow .18s;display:block}.form-grid label input:focus,.form-grid label select:focus,.form-grid label textarea:focus{border-color:#80bdff;box-shadow:0 0 0 3px #007bff2e}.form-grid label textarea{resize:vertical;height:82px}.form-actions{align-items:center;gap:15px;margin-top:10px;display:flex}.number-preview{color:#856404;background:#fff3cd;border:1px solid #ffeeba;border-radius:.2rem;padding:7px 10px;font-size:11px;font-weight:600}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.table-search{background:#fff;border:1px solid #dbe3ef;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:6px;width:min(100%,460px);min-width:0;max-width:460px;padding:5px 6px 5px 8px;display:flex}.table-search>i{color:#94a3b8;flex:none;margin-left:6px}.table-search input{color:#334155;background:0 0;border:0;outline:0;flex:auto;width:auto;min-width:0;height:34px;padding:0 8px;font-family:inherit;font-size:13px}.table-search input::placeholder{color:#94a3b8}.table-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #007bff1f}.btn-search-reset{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.btn-search-reset:hover{color:#475569;background:#eef2f7}.table-info{color:#64748b;white-space:nowrap;font-size:13px}.table-outgoing th{letter-spacing:.05em;text-transform:uppercase;color:#64748b;white-space:nowrap;background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:12px 16px;font-size:12px}.table-outgoing td{color:#334155;vertical-align:middle;padding:13px 16px}.table-outgoing tbody tr{transition:background .12s}.table-outgoing tbody tr:hover{background:#f8fafc}.table-outgoing td strong{color:var(--ink);font-weight:600}.num-cell,.date-cell,.subject-cell,.recipient-cell{align-items:center;gap:8px;display:inline-flex}.num-cell i,.date-cell i,.subject-cell i,.recipient-cell i{color:#94a3b8;font-size:12px}.num-cell strong{color:var(--ink);font-weight:700}.date-cell{color:#64748b;white-space:nowrap;font-size:13px}.tag-kind{white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.tag-kind i{font-size:12px}.tag-kind.kind-dinas{color:#174ea6;background:#e8f0fe}.tag-kind.kind-tugas{color:#137333;background:#e6f4ea}.tag-kind.kind-guru{color:#b06000;background:#fef7e0}.tag-kind.kind-pindah{color:#a50e0e;background:#fce8e6}.tag-kind.kind-undangan{color:#7c3aed;background:#f3e8ff}.tag-kind.kind-diterima{color:#0369a1;background:#e0f2fe}.tag-kind.kind-lain{color:#5f6368;background:#f1f3f4}.btn-file-link{border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;font-size:25px;transition:color .18s,background .18s,transform .18s;display:inline-flex;color:var(--primary)!important;text-decoration:none!important}.btn-file-link:hover{background:#e3f2fd;transform:scale(1.1);color:var(--primary-hover)!important}.badge-drive-only{color:#1a73e8;vertical-align:middle;background:#e8f0fe;margin-left:7px;padding:3px 7px;font-size:10px;display:inline-block}.drive-file-name{color:#64748b;margin-top:4px;font-size:11px}.incoming-file-link{border-radius:6px;justify-content:center;align-items:center;min-width:78px;min-height:42px;padding:5px 8px;font-size:12px;font-weight:600;transition:color .18s,background .18s,transform .18s;display:inline-flex;color:var(--primary)!important;text-decoration:none!important}.incoming-file-link i{font-size:14px;line-height:1}.incoming-file-link:hover{background:#e3f2fd;transform:scale(1.06);color:var(--primary-hover)!important}.row-del{color:#b3261e;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13.5px;transition:background .15s,color .15s;display:inline-flex}.row-del:hover{color:#a50e0e;background:#fce8e6}.row-del:disabled{opacity:.45;cursor:not-allowed}.table-wrap{overflow:auto}.table-numbers{table-layout:fixed;width:100%}.table-numbers th{color:#64748b;letter-spacing:.08em;text-transform:uppercase;background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:13px 14px;font-size:11px}.table-numbers td{color:#334155;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:15px 14px}.table-numbers tbody tr{transition:background .15s}.table-numbers tbody tr:hover{background:#f8fbff}.table-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:6px;margin-top:18px;padding-top:16px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.numbers-pagination{color:#64748b;border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;font-size:12px;display:flex}.numbers-pagination-actions{align-items:center;gap:10px;display:flex}.numbers-pagination-actions .page-btn{width:30px;height:30px}.numbers-pagination-actions>span{white-space:nowrap}.table-numbers th:first-child,.table-numbers td:first-child{min-width:280px}.table-numbers .num-cell{white-space:nowrap}.table-numbers .num-cell strong{overflow-wrap:anywhere}@media (width<=760px){.numbers-pagination{flex-direction:column;align-items:flex-start}.table-numbers{min-width:680px}}.gd.arc-drive{flex-direction:column;align-items:stretch;gap:16px;width:100%;display:flex}.gd.arc-drive>*{flex:none;width:100%}.gd.arc-drive .gd-toolbar{background:#fff;border:1px solid #dfe9e2;border-radius:10px;flex-direction:column;gap:8px;padding:10px 14px;display:flex;box-shadow:0 2px 6px #1b52300a}.gd-toolbar-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.arc-breadcrumbs-wrap{align-items:center;gap:8px;min-width:0;display:flex}.arc-breadcrumbs{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.arc-breadcrumb{color:#33724c;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 7px;font-family:inherit;font-size:11.5px}.arc-breadcrumb:hover{color:#1f6b3a;background:#edf8f0}.arc-breadcrumb-current{color:#1e4d31;cursor:default;font-size:11.5px;font-weight:700}.arc-breadcrumb-sep{color:#8ba997;font-size:8px}.gd-count{color:#216b3b;background:#e7f5eb;border:1px solid #cce9d5;border-radius:999px;flex:none;padding:3px 9px;font-size:10.5px;font-weight:600}.gd.arc-drive .gd-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.gd-newfolder{color:#245d39;font:inherit;cursor:pointer;white-space:nowrap;background:#f7fcf8;border:1px solid #cce3d3;border-radius:7px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:600;transition:background .15s,box-shadow .15s,border-color .15s,color .15s;display:inline-flex}.gd-newfolder:hover{color:#fff;background:#2e8b57;border-color:#2e8b57}.general-letter-page{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);align-items:start;gap:20px;display:grid}.general-letter-editor,.general-letter-archive{border:1px solid #dbe7df;border-top:3px solid #3f9b61;border-radius:12px;min-width:0;box-shadow:0 5px 18px #1f563312}.general-letter-editor .outgoing-panel-title{background:linear-gradient(135deg,#fbfefc,#f4faf6);border-bottom:1px solid #edf2ee;padding:18px 20px 14px}.general-letter-editor .outgoing-panel-title h4,.general-letter-archive h4{color:#234c34;letter-spacing:-.01em}.general-letter-editor form{padding:16px 20px 20px}.general-letter-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 24px;display:grid}.general-letter-fields label,.general-letter-fields label:first-child,.general-letter-fields label:nth-child(2),.general-letter-fields label:nth-child(3),.general-letter-fields label:nth-child(4){flex-direction:column;grid-column:auto;align-items:stretch;gap:6px;width:100%;min-width:0;display:flex}.general-letter-fields input{box-sizing:border-box;width:100%;min-width:0;height:38px;padding:0 11px;display:block}.general-letter-editor label{color:#466052;font-size:11.5px;font-weight:600}.general-letter-editor input,.general-letter-editor select{background:#fcfefd;border-color:#d4e1d8;border-radius:7px;transition:border-color .18s,box-shadow .18s,background .18s}.general-letter-editor input:focus,.general-letter-editor select:focus{background:#fff;border-color:#4b9d65;outline:none;box-shadow:0 0 0 3px #4b9d651f}.general-letter-ruler{-webkit-user-select:none;user-select:none;background:#f8fbf9;border:1px solid #d4e1d8;border-bottom:0;height:24px;margin:10px 0 0;position:relative}.ruler-scale{color:#789182;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:0 10px}.ruler-scale span{border-left:1px solid #a9bcaf;width:1px;height:8px;position:relative}.ruler-scale span:nth-child(2n){height:14px}.ruler-marker{z-index:2;cursor:ew-resize;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:24px;position:absolute;top:0}.ruler-left,.ruler-right{border-top:10px solid #368951;transform:translate(-8px)}.general-letter-content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0}.general-letter-content td,.general-letter-content th{vertical-align:top;border:1px solid #87998d;min-width:34px;height:28px;padding:6px 8px}.general-letter-content th{background:#eef7f0;font-weight:700}.general-letter-toolbar{background:#f5faf6;border:1px solid #d4e1d8;border-bottom:0;border-radius:9px 9px 0 0;flex-wrap:wrap;align-items:center;gap:5px;margin-top:16px;padding:9px;display:flex}.general-letter-toolbar select{color:#355443;background:#fff;border:1px solid #cbdcd0;border-radius:6px;height:31px;padding:0 7px;font-size:11.5px}.general-letter-toolbar button{color:#486154;cursor:pointer;background:#fff;border:1px solid #cbdcd0;border-radius:6px;width:31px;height:31px;transition:background .15s,border-color .15s,color .15s,transform .15s}.general-letter-toolbar button:hover{color:#23623a;background:#e6f4ea;border-color:#8fc49e;transform:translateY(-1px)}.general-toolbar-divider{background:#cfe0d4;width:1px;height:21px;margin:0 3px}.general-letter-content{color:#26352c;background:#fff;border:1px solid #d4e1d8;border-radius:0 0 9px 9px;outline:none;min-height:480px;padding:34px 38px;font-family:Arial,sans-serif;font-size:12pt;line-height:1.72;box-shadow:inset 0 1px #14462805}.general-letter-content:empty:before{content:attr(data-placeholder);color:#9aaa9f;pointer-events:none}.general-letter-content:focus{border-color:#4b9d65;box-shadow:0 0 0 3px #4b9d651f}.general-letter-content p{margin:0 0 .8em}.general-letter-content ul,.general-letter-content ol{padding-left:1.5em}.general-letter-archive{overflow:hidden}.general-letter-archive .outgoing-archive-head{background:linear-gradient(135deg,#fbfefc,#f4faf6);border-bottom:1px solid #edf2ee;padding:18px 20px 14px}.general-letter-archive .table-responsive{padding:0 12px 12px}.general-letter-archive .table-outgoing-reference{font-size:12px}.general-letter-archive .ref-number{color:#2e7548;font-weight:700}.general-open-pdf{color:#287a47;cursor:pointer;background:#e9f6ed;border:0;border-radius:6px;width:30px;height:30px;transition:background .15s,transform .15s}.general-open-pdf:hover{background:#cfead6;transform:translateY(-1px)}@media (width<=1000px){.general-letter-page{grid-template-columns:1fr}}@media (width<=600px){.general-letter-fields{grid-template-columns:1fr;gap:11px}.general-letter-fields label:first-child,.general-letter-fields label:nth-child(2),.general-letter-fields label:nth-child(3),.general-letter-fields label:nth-child(4){grid-column:1}.general-letter-editor form{padding:13px 14px 16px}.general-letter-editor .outgoing-panel-title,.general-letter-archive .outgoing-archive-head{padding-left:14px;padding-right:14px}.general-letter-content{min-height:380px;padding:24px 20px}.general-letter-toolbar{gap:4px}}.gd-newfolder:hover i{color:#fff}.gd-search{border-color:#cfe0d4;flex:0 240px;width:min(100%,240px);height:32px;padding:3px 8px}.gd-search input{height:24px;font-size:12px}.gd-search .btn-search-reset{width:22px;height:22px}.gd-viewbtn{color:#5f6368;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.gd-viewbtn:hover{color:#202124;background:#f1f3f4}.gd-viewbtn.active-view{color:#216b3b;background:#eaf7ed;border-color:#a9d5b6}.gd-upload{background:#2e8b57;border-color:#2e8b57;border-radius:7px;flex:none;justify-content:center;align-items:center;height:30px;margin:0;padding:0 11px;font-size:11px;display:inline-flex;box-shadow:0 1px 3px #2e8b572e}.gd-upload:hover{background:#247247;border-color:#247247}.gd-upload i{margin-left:0;margin-right:6px;font-size:11px}.gd-upload-form{background:#fff;border:1px solid #dfe9e2;border-left:3px solid #2e8b57;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #1b52300a}.arc-field{flex-direction:column;flex:0 auto;min-width:180px;display:flex}.arc-field-grow{flex:220px}.arc-field label{color:#5f6368;margin-bottom:4px;font-size:10.5px;font-weight:600}.arc-field input{height:30px;color:var(--ink);background:#fff;border:1px solid #dadce0;border-radius:6px;margin-top:0;padding:0 10px;font-family:inherit;font-size:11.5px;transition:border-color .18s,box-shadow .18s}.arc-field input::placeholder{color:#9aa0a6}.arc-field input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #007bff1f}.arc-field input[type=file]{color:var(--slate);cursor:pointer;height:auto;padding:4px 8px;font-size:11px}.arc-field input[type=file]::file-selector-button{color:#174ea6;font:inherit;cursor:pointer;background:#e8f0fe;border:0;border-radius:5px;margin-right:8px;padding:5px 12px;font-size:10.5px;font-weight:600}.arc-field input[type=file]::file-selector-button:hover{background:#d2e3fc}.arc-upload-btn{white-space:nowrap;min-height:30px!important;padding:6px 14px!important;font-size:11px!important}.gd-upload-form .btn-default-custom{min-height:30px;padding:6px 12px;font-size:11px}.gd-files{background:#fff;border:1px solid #dfe9e2;border-radius:10px;flex-direction:column;min-height:260px;padding:14px 18px 18px;display:flex;overflow-x:auto;box-shadow:0 2px 8px #1b52300a}.arc-back-btn{color:#267345;text-align:left;cursor:pointer;background:#f7fcf8;border:1px solid #cce3d3;border-radius:8px;width:100%;margin-bottom:14px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.arc-back-btn:hover{background:#eaf7ed;border-color:#a9d5b6}.gd-empty{color:#9aa0a6;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.gd-empty i{opacity:.6;font-size:32px}.gd-empty p{margin:0;font-size:12px}.gd-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;width:100%;padding:0;display:grid}.gd-card{background:#fff;border:1px solid #e8eaed;border-radius:8px;flex-direction:column;gap:1px;padding:10px 10px 8px;transition:box-shadow .15s,border-color .15s;display:flex;text-decoration:none!important}.gd-card:hover{border-color:#aecbfa;box-shadow:0 2px 8px #174ea614}.gd-card i{margin-bottom:3px;font-size:18px}.gd-card-name{color:#212529;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.gd-card-meta{color:var(--slate);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.gd-card-actions{border-top:1px solid #f1f3f4;justify-content:flex-end;align-items:center;gap:3px;margin-top:6px;padding-top:5px;display:flex}.gd-card-open{border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:600;display:inline-flex;color:var(--primary)!important;text-decoration:none!important}.gd-card-open:hover{background:#e3f2fd}.gd-card-edit,.gd-card-delete{color:#60748a;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:4px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;margin:0 1px;padding:0;font-size:8px;line-height:1;display:inline-flex}.gd-card-edit i,.gd-card-delete i{margin:0;font-size:8px}.gd-card-edit:hover{color:#1769e0;background:#f2f7ff;border-color:#a9c8f7}.gd-card-delete:hover{color:#d93025;background:#fff5f4;border-color:#f2b8b5}.gd-file-pdf{color:#ea4335}.gd-file-doc{color:#4285f4}.gd-file-sheet{color:#34a853}.gd-file-img{color:#a142f4}.gd-file-generic{color:#5f6368}.gd-table thead th{color:#315b40;background:#f1f8f3;border-color:#d5e8da;padding:9px 12px;font-size:11px}.gd-table tbody td{vertical-align:middle;padding:8px 10px;font-size:12px}.gd-table tbody tr{height:42px}.gd-table td:last-child,.gd-table th:last-child{white-space:nowrap;width:118px!important}.gd-table td:last-child .gd-open{margin:0 1px}.gd-table tbody tr:hover td{background:#f5fbf6}.gd-num{color:var(--slate);font-size:12.5px}.arc-name{align-items:center;gap:10px;min-width:0;display:flex}.arc-name i{flex:none;font-size:17px}.arc-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-desc{color:#3c4043;text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.gd-date{color:var(--slate);font-size:12.5px}.gd-open{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:background .15s;display:inline-flex;color:#2e8b57!important}.gd-open:hover{background:#eaf7ed;color:#1f6b3a!important}.gd-edit{color:#2e8b57!important}.gd-edit:hover{background:#eaf7ed;color:#1f6b3a!important}.gd-del{cursor:pointer;background:0 0;border:0;color:#b3261e!important}.gd-del:hover{background:#fce8e6;color:#a50e0e!important}.gd-pagination{border-top:1px solid #eef1f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;display:flex}.gd-pageinfo{color:var(--slate);font-size:11px}.gd-pagebtns{flex-wrap:wrap;gap:4px;display:flex}.kop-preview{background:#fff;border:1px solid #dbe5ef;border-radius:8px;align-items:center;min-height:118px;padding:12px 52px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1e466e0d}.kop-preview-content{text-align:center;color:#111;width:100%;line-height:1.18}.kop-preview-line1,.kop-preview-line2{font-size:12px;font-weight:700}.kop-preview-school{margin-top:3px;font-size:17px;font-weight:800}.kop-preview-detail{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.kop-preview-logo{justify-content:center;align-items:center;width:54px;height:70px;display:flex;position:absolute;top:12px}.kop-preview-logo.left{left:10px}.kop-preview-logo.right{right:10px}.kop-preview-logo img{object-fit:contain;max-width:54px;max-height:70px}.kop-preview-placeholder{color:#a8b3c2;text-align:center;font-size:9px}.kop-preview-rules{position:absolute;bottom:14px;left:52px;right:52px}.kop-preview-rules span{border-top:2px solid #111;margin-top:4px;display:block}.kop-preview-rules span+span{border-top-width:1px}.kop-preview-note{color:#7b8795;margin:7px 0 14px;font-size:10.5px}.kop-preview-note i{color:#3b82f6;margin-right:4px}.settings-remove-logo{color:#b3261e;cursor:pointer;background:#fff5f5;border:1px solid #f0b8b8;border-radius:5px;margin-top:6px;padding:4px 8px;font-size:10px;display:block}.settings-remove-logo:hover{background:#fce8e6;border-color:#df8d8d}.settings-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 15px;font:600 12px inherit}.settings-tabs button i{margin-right:6px}.settings-tabs button:hover{color:#2563eb;background:#f4f8fc}.settings-tabs button.active{color:#2563eb;background:#f4f8fc;border-bottom-color:#2563eb}.settings-tab-panel{max-width:100%;padding:20px 24px}.settings-tab-panel .panel-head{margin-bottom:16px}.settings-tab-panel .panel-head h4{margin-bottom:4px}.settings-tab-panel .panel-head p{margin:0}.settings-tab-panel input[type=file]{padding:5px 8px}.settings-empty-panel{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.settings-empty-panel i{color:#60a5fa;margin-bottom:10px;font-size:30px}.settings-empty-panel h4{color:#475569;margin:0 0 4px}.settings-empty-panel p{margin:0;font-size:12px}.settings-password-panel{max-width:760px}.settings-password-panel .form-grid{max-width:680px}.outgoing-reference-layout{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:15px;display:grid}.outgoing-create,.outgoing-archive{color:#e5eee5;box-shadow:none!important;background:#202920!important;border:1px solid #3b493b!important;border-radius:2px!important}.outgoing-create{padding:13px 12px 12px}.outgoing-archive{min-width:0;padding:13px 13px 12px}.outgoing-panel-title,.outgoing-archive-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.outgoing-panel-title h4,.outgoing-archive-head h4{color:#f2f5ed;margin:0;font:700 13px Georgia,serif}.outgoing-archive-head p{color:#91a392;margin:4px 0 0;font-size:10px}.outgoing-cancel-edit{color:#a8cdb3;cursor:pointer;background:0 0;border:1px solid #506650;padding:4px 7px;font-size:10px}.outgoing-number-preview{color:#f7fff9;background:#8fc5a8;min-height:44px;margin-bottom:12px;padding:10px 10px 9px}.outgoing-number-preview small{opacity:.9;margin-bottom:5px;font-size:8px;display:block}.outgoing-number-preview strong{overflow-wrap:anywhere;font:700 11px/1.45 Georgia,serif;display:block}.outgoing-create label{color:#adbdac;margin:0 0 8px;font-size:9px;display:block}.outgoing-create label input,.outgoing-create label select,.outgoing-create label textarea{color:#f0f4e9;background:#1b211b;border:1px solid #3b4a3b;border-radius:1px;width:100%;min-height:25px;margin-top:5px;padding:5px 7px;font-family:inherit;font-size:10px;display:block}.outgoing-create label textarea{resize:vertical;min-height:44px}.outgoing-create label input:focus,.outgoing-create label select:focus,.outgoing-create label textarea:focus{border-color:#8fc5a8;outline:1px solid #8fc5a8}.outgoing-two-col{grid-template-columns:1fr 1fr;gap:9px;display:grid}.outgoing-actions{gap:7px;margin-top:2px;display:flex}.outgoing-actions .btn-custom,.outgoing-secondary{border-radius:1px;min-height:25px;padding:6px 13px;font-size:10px}.outgoing-actions .btn-primary-custom{color:#fff;background:#8fc5a8}.outgoing-secondary{color:#d6e1d5;cursor:pointer;background:0 0;border:1px solid #3b4a3b}.outgoing-filters{align-items:center;gap:6px;margin-left:auto;display:flex}.outgoing-filters .table-search{background:#1b211b;border-color:#3b4a3b;border-radius:1px;width:142px;height:25px;padding:0 5px}.outgoing-filters .table-search input{color:#dbe7da;height:23px;padding:0 4px;font-size:9px}.outgoing-filters .table-search>i{color:#6b846e;margin-left:2px;font-size:9px}.outgoing-filters select{color:#dbe7da;background:#1b211b;border:1px solid #3b4a3b;border-radius:1px;max-width:138px;height:25px;padding:0 6px;font:9px Arial,sans-serif}.outgoing-drive-warning{color:#eadb88;background:#3a3820;border-radius:1px;margin:0 0 9px;padding:7px 9px;font-size:10px}.table-outgoing-reference{table-layout:fixed;width:100%}.table-outgoing-reference th{color:#9fb29f;text-transform:none;letter-spacing:0;background:#293a2d;padding:8px 7px;font:8px Georgia,serif;border-bottom:1px solid #405544!important}.table-outgoing-reference td{color:#eff5eb;border-color:#354536;padding:8px 7px;font-size:9px;line-height:1.25}.table-outgoing-reference th:first-child{width:28%}.table-outgoing-reference th:nth-child(2){width:12%}.table-outgoing-reference th:nth-child(3),.table-outgoing-reference th:nth-child(4){width:16%}.table-outgoing-reference th:nth-child(5){width:12%}.table-outgoing-reference th:nth-child(6){width:16%}.ref-number{overflow-wrap:anywhere;color:#72d5a0!important;font:9px Georgia,serif!important}.ref-status{color:#f0c550;background:#2d2d1c;border:1px solid #685b24;border-radius:9px;padding:3px 7px;font-size:8px;display:inline-block}.ref-actions{white-space:nowrap;gap:4px;display:flex}.ref-actions button{color:#a6d0b4;cursor:pointer;background:#202a20;border:1px solid #405442;border-radius:1px;width:25px;height:22px;font-size:9px}.ref-actions button:disabled{opacity:.5;cursor:not-allowed}.outgoing-archive .table-pagination{border-color:#354536;margin-top:10px;padding-top:10px}.outgoing-archive .page-btn{color:#a6b8a5;background:#202a20;border-color:#405442;width:24px;height:23px;font-size:10px}.outgoing-archive .page-btn.active{color:#fff;background:#6eaa89;border-color:#6eaa89}@media (width<=900px){.outgoing-reference-layout{grid-template-columns:1fr}.outgoing-create{max-width:none}.outgoing-filters{flex-wrap:wrap;justify-content:flex-end}.outgoing-filters .table-search{width:180px}}@media (width<=560px){.outgoing-archive-head{flex-direction:column;align-items:flex-start}.outgoing-filters{justify-content:stretch;width:100%}.outgoing-filters select,.outgoing-filters .table-search{flex:1;width:auto;max-width:none}}:root{--body-bg:#edf5fc;--surface:#ffffffc7;--border-soft:#94b5d63d;--ink:#14253d;--slate:#60748d;--primary:#3277ee;--primary-hover:#245fd0;--cyan:#1ba8c2;--green:#18a66a;--yellow:#f5b82e;--glass-line:#ffffffb3;--glass-shadow:0 18px 42px #2957851a, 0 3px 10px #2957850f}body{color:#29415d;background:radial-gradient(circle at 92% 6%,#53a7ff2b,#0000 27rem),radial-gradient(circle at 17% 100%,#43d7d31f,#0000 24rem),linear-gradient(135deg,#f5faff 0%,#edf5fc 52%,#e8f1fb 100%)}.content-wrapper{background:0 0}.content-header h1,.content-header h2{color:#142b48;letter-spacing:-.035em;font-weight:700}.content-header h1:after,.content-header h2:after{content:"";background:linear-gradient(90deg,#3e83f5,#51d4d1);border-radius:8px;width:38px;height:4px;margin-top:9px;display:block}.main-header.navbar,.main-footer{-webkit-backdrop-filter:blur(18px);background:#ffffffa8!important;border-color:#94b5d638!important}.panel,.card,.mini-panel,.stat-card,.welcome-banner{border:1px solid var(--glass-line)!important;box-shadow:var(--glass-shadow)!important}.panel,.card,.mini-panel{-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffffdb,#f6fbffad)!important}.panel{border-radius:16px}.welcome-banner{border-radius:18px;min-height:168px;background:linear-gradient(116deg,#1e6ce6fa 0%,#189dd5f0 56%,#34cac2eb 100%)!important;box-shadow:0 20px 45px #1e71d338!important}.welcome-banner:before{background:#ffffff21;width:390px;height:390px;top:-238px;right:86px}.welcome-banner:after{background:#104cb529;border:1px solid #fff3;width:470px;height:470px;top:-218px;right:-190px}.welcome-text h3{letter-spacing:-.035em}.stat-grid{gap:18px}.stat-card{border-radius:16px;min-height:132px;transition:transform .22s,box-shadow .22s;background-size:180% 180%!important}.stat-card h4{letter-spacing:.01em}.recent-grid{gap:18px}.mini-panel{border-left-width:4px;border-radius:16px}.mini-label{color:#647c98;letter-spacing:.06em}.dashboard-panel,.dashboard-panel.archive-panel{border-top:0;position:relative}.dashboard-panel:before,.dashboard-panel.archive-panel:before{content:"";background:linear-gradient(90deg,#27b5c8,#5edbd1);border-radius:0 0 6px 6px;height:3px;position:absolute;top:0;left:20px;right:20px}.folder-row{border-color:#94b5d638}.gd-folders{margin-bottom:18px;padding:22px 24px 24px;background:linear-gradient(145deg,#fff,#f7fbff)!important;border:1px solid #dfe7ef!important;border-top:3px solid #2f80ed!important;border-radius:10px!important;box-shadow:0 6px 18px #1f2d3d14!important}.gd-folders .panel-head{align-items:center;margin-bottom:14px}.gd-folders .panel-head h4{color:#263f5b;font-size:17px}.gd-folders .panel-head h4 .head-ico{color:#2f80ed}.gd-folders .panel-head p{color:#7a8da3}.gd-folder-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:2px}.gd-folder-card{min-height:0;padding:10px 10px 8px;background:linear-gradient(145deg,#fff 0%,#f9fbff 100%)!important;border:1px solid #d9e5f1!important;border-radius:8px!important;box-shadow:0 1px 4px #2a4a6b0d!important}.gd-folder-card:hover{border-color:#8db8ed!important;box-shadow:0 3px 10px #2f80ed14!important}.gd-folder-main{appearance:none;width:100%;min-height:0;color:inherit;cursor:pointer;text-align:left;font:inherit;border-radius:0;outline:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:0;display:flex;box-shadow:none!important;background:0 0!important;border:0!important}.gd-folder-main:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2f80ed47}.gd-folder-main i{color:#f5b82e;filter:drop-shadow(0 1px 1px #b87e001f);font-size:22px;transition:transform .18s,color .18s}.gd-folder-card:hover .gd-folder-main i{color:#eaa900;transform:translateY(-1px)}.gd-folder-main .gd-card-name{color:#243b53;max-width:100%;font-size:11px}.gd-folder-card .gd-card-actions{border-top-color:#e6eef6;margin-top:5px;padding-top:5px}.gd-folder-card .gd-card-open{color:#2f80ed!important}.gd-folder-card .gd-card-open:hover{background:#eaf3ff}.gd-folder-card .gd-card-edit,.gd-folder-card .gd-card-delete{cursor:pointer;background:#fff;border:1px solid #d7e2ed;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;display:inline-flex}.gd-folder-card .gd-card-edit{color:#278a63}.gd-folder-card .gd-card-delete{color:#d33a3a}.gd-folder-card .gd-card-edit:hover{background:#e8f7f0;border-color:#9ed5bb}.gd-folder-card .gd-card-delete:hover{background:#fff0f0;border-color:#efaaaa}.gd-folders .gd-table{border:1px solid #dfe7ef;border-radius:8px;overflow:hidden}.gd-folders .gd-table thead th{color:#47627d;background:#eef5fb;border-bottom:1px solid #d6e3ef;font-size:12px;font-weight:700}.gd-folders .gd-table tbody tr:hover{background:#f5faff}.archive-folder-pagination{color:#6c757d;border-top:1px solid #e9ecef;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:12px;display:flex}.archive-folder-pagination button{color:#495057;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:5px;width:28px;height:28px}.archive-folder-pagination button:hover:not(:disabled){color:#fff;background:#007bff;border-color:#007bff}.archive-folder-pagination button:disabled{opacity:.45;cursor:not-allowed}.gd-folder-list-button{color:#212529;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:7px 4px;font-weight:600;display:inline-flex}.gd-folder-list-button i{color:#ffc107;font-size:20px}.gd-folder-list-button:hover{color:#007bff}.sidebar{min-height:calc(100vh - 72px);padding-bottom:76px;position:relative}.sidebar-logout{color:#fff;width:calc(100% - 28px);min-height:42px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#dc3545,#b82032);border:1px solid #ff6e6e61;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:absolute;bottom:18px;left:14px;right:14px;box-shadow:0 5px 14px #dc354547}.sidebar-logout:hover{color:#fff;filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 18px #dc354561}.sidebar-logout:active{transform:translateY(0)}.sidebar-logout:focus-visible{outline-offset:2px;outline:3px solid #ffc107a6}.panel,.card,.mini-panel{position:relative;overflow:hidden;box-shadow:var(--glass-shadow)!important;background:linear-gradient(145deg,#fffffffa,#f8f9faf5)!important;border:1px solid #00000014!important;border-radius:6px!important}.panel:after,.card:after,.mini-panel:after{content:"";pointer-events:none;opacity:.65;background:linear-gradient(#ffffff61,#0000);height:42%;position:absolute;inset:0}.panel>*,.card>*,.mini-panel>*{z-index:1;position:relative}.panel-head,.card-header{z-index:2;position:relative}.panel-head h4,.card-header h3.card-title{color:#343a40}.panel-head p,.mini-panel p{color:#6c757d}.welcome-banner{min-height:150px;background:linear-gradient(135deg,#007bff 0%,#1687ed 65%,#218cff 100%)!important;border-radius:6px!important;box-shadow:0 4px 12px #007bff3d!important}.welcome-banner:before{background:#0000001a}.welcome-banner:after{background:#ffffff1a}.stat-card{min-height:124px;border-radius:6px!important;box-shadow:0 3px 10px #00000021!important}.stat-card.blue{background:linear-gradient(135deg,#17a2b8,#1aa9bd)!important}.stat-card.green{background:linear-gradient(135deg,#28a745,#2db34d)!important}.stat-card.yellow{color:#212529;background:linear-gradient(135deg,#ffc107,#f2b900)!important}.stat-card.yellow h4{color:#212529}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff3d,#0000);height:44%;position:absolute;top:0;left:0;right:0}.stat-card:after{background:#ffffff2e}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000002e!important}.mini-panel{border-radius:6px!important}.mini-panel.blue{border-left-color:#007bff;background:linear-gradient(135deg,#eef6ff,#fff)!important}.mini-panel.yellow{border-left-color:#ffc107;background:linear-gradient(135deg,#fff8e1,#fff)!important}.mini-panel strong{color:#212529}.dashboard-panel:before,.dashboard-panel.archive-panel:before{border-radius:0;height:3px;left:0;right:0}.dashboard-panel:before{background:#17a2b8}.dashboard-panel.archive-panel:before{background:#28a745}.folder-row:hover{background:#f4f6f9;border-radius:4px}@media (prefers-reduced-motion:reduce){.stat-card,.stat-card:hover{transition:none;transform:none}}@media (width<=767px){.stat-grid,.recent-grid{grid-template-columns:1fr}.welcome-banner .welcome-text h3{font-size:20px}.content,.content-header{padding-left:15px!important;padding-right:15px!important}.main-footer{padding-left:15px;padding-right:15px}.form-actions{flex-direction:column;align-items:flex-start;gap:8px}.table-toolbar{align-items:stretch}.table-search{width:100%;max-width:none}.arc-field,.arc-field-grow{flex:100%;min-width:0}.arc-upload-btn{width:100%}.gd-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.outgoing-reference-layout{gap:20px;width:100%;flex-direction:column!important;display:flex!important}.outgoing-reference-layout>.outgoing-create,.outgoing-reference-layout>.outgoing-archive{flex:none;width:100%!important;max-width:none!important}.outgoing-locked-fields{box-sizing:border-box!important;background:#f4f8fc!important;border-left:3px solid #35b6c8!important;border-radius:5px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:100%!important;margin-bottom:9px!important;padding:9px 10px 1px!important;display:grid!important}.outgoing-locked-fields label{flex-direction:column!important;min-width:0!important;margin-bottom:7px!important;display:flex!important}.outgoing-locked-fields input{color:#526b84!important;cursor:not-allowed!important;box-sizing:border-box!important;background:#eef3f8!important;width:100%!important;font-size:13px!important}.outgoing-create form>.outgoing-locked-fields{grid-column:1/-1!important;width:100%!important;max-width:100%!important}.outgoing-create label,.outgoing-archive-head p{font-size:12px}.outgoing-create label input,.outgoing-create label select,.outgoing-create label textarea{font-size:13px}.outgoing-locked-fields input{font-size:13px!important}.outgoing-kind-caption{font-size:11px}.outgoing-panel-title h4,.outgoing-archive-head h4{font-size:16px}.outgoing-number-preview small{font-size:10px}.outgoing-number-preview strong{font-size:14px}.outgoing-filters .table-search input,.outgoing-filters select{font-size:12px}.table-outgoing-reference th{font-size:11px}.table-outgoing-reference td{font-size:12px}.ref-status{font-size:10px}.ref-actions button{font-size:11px}.outgoing-create.panel,.outgoing-archive.panel{width:100%}.outgoing-create form{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 16px;display:grid}.outgoing-create form>.outgoing-two-col,.outgoing-create form>.outgoing-people-head,.outgoing-create form>.outgoing-person,.outgoing-create form>label[name=full-width],.outgoing-create form>.outgoing-actions{grid-column:1/-1}.outgoing-create form>label.outgoing-activity-field{grid-column:1/-1!important}.outgoing-create form>label:last-of-type{grid-column:span 2}.outgoing-create form>label:has(textarea){grid-column:span 2}.outgoing-create .outgoing-two-col{gap:16px}.outgoing-create .outgoing-person{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:14px;display:grid}.outgoing-create .outgoing-person-title{grid-column:1/-1}.outgoing-archive .table-responsive{overflow-x:auto}.outgoing-archive-head{align-items:center}.outgoing-archive-head h4{font-size:16px}.outgoing-filters{flex-wrap:nowrap}@media (width<=900px){.outgoing-create form{grid-template-columns:repeat(2,minmax(0,1fr))}.outgoing-create form>label:last-of-type{grid-column:1/-1}.outgoing-create form>label:has(textarea){grid-column:1/-1}.outgoing-create .outgoing-person{grid-template-columns:1fr 1fr}}@media (width<=620px){.outgoing-create form{display:block}.outgoing-create form>*{margin-bottom:8px}.outgoing-create .outgoing-person{display:block}.outgoing-filters{flex-wrap:wrap;width:100%}.outgoing-archive-head{flex-direction:column;align-items:flex-start}}.outgoing-create.panel,.outgoing-archive.panel{color:#334155;background:#ffffffeb!important;border:1px solid #dce5ef!important;border-radius:8px!important;box-shadow:0 3px 12px #1f2d3d14!important}.outgoing-create.panel{padding:18px 16px}.outgoing-archive.panel{padding:18px 16px 12px}.outgoing-panel-title,.outgoing-archive-head{margin-bottom:16px}.outgoing-panel-title h4,.outgoing-archive-head h4{font-family:var(--font-display);font-size:15px;color:#173554!important}.outgoing-archive-head p{color:#71859d;font-size:11px}.outgoing-kind-caption{color:#71859d;margin-left:auto;font-size:10px}.outgoing-number-preview{background:linear-gradient(135deg,#2f80ed,#1ba8c2);border-radius:6px;padding:12px;box-shadow:0 5px 12px #2f80ed2e}.outgoing-number-preview strong{font-family:var(--font-body);font-size:12px}.outgoing-create label{color:#60748d;font-size:11px;font-weight:600}.outgoing-create label input,.outgoing-create label select,.outgoing-create label textarea{color:#334155;background:#fff;border:1px solid #d8e1ec;border-radius:5px;min-height:34px;padding:7px 9px;font-size:12px}.outgoing-create label textarea{min-height:68px}.outgoing-create label input:focus,.outgoing-create label select:focus,.outgoing-create label textarea:focus{border-color:#3277ee;outline:0;box-shadow:0 0 0 3px #3277ee1f}.outgoing-actions .btn-primary-custom{background:linear-gradient(135deg,#3277ee,#245fd0);border-radius:5px;box-shadow:0 3px 8px #3277ee33}.outgoing-secondary{color:#60748d;background:#fff;border:1px solid #cbd8e6;border-radius:5px}.outgoing-filters .table-search{background:#fff;border:1px solid #d8e1ec;border-radius:6px;height:34px}.outgoing-filters .table-search input{color:#334155;height:32px;font-size:11px}.outgoing-filters select{color:#334155;background:#fff;border:1px solid #d8e1ec;border-radius:6px;height:34px;font-size:11px}.table-outgoing-reference th{color:#60748d;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;background:#f5f8fb;font-size:10px;font-weight:700;border-bottom:1px solid #dce5ef!important}.table-outgoing-reference td{color:#475569;border-color:#e7edf3;padding:10px 8px;font-size:11px}.table-outgoing-reference tbody tr:hover td{background:#f4f8ff}.ref-number{color:#278a63!important;font-family:var(--font-body)!important;font-size:11px!important}.ref-status{color:#8a6500;background:#fff7df;border:1px solid #f1d887;font-size:9px}.ref-terbit{color:#137333;background:#e6f4ea;border-color:#b7dfc0}.ref-dibatalkan{color:#b3261e;background:#fce8e6;border-color:#efb7b2}.ref-actions button{color:#3277ee;background:#fff;border:1px solid #cfdded;border-radius:5px;width:29px;height:27px}.ref-actions button:hover{color:#245fd0;background:#eef5ff}.ref-actions button.danger{color:#d33a3a}.ref-actions button.danger:hover{background:#fff0f0}.outgoing-archive .page-btn{color:#60748d;background:#fff;border-color:#d8e1ec}.outgoing-archive .page-btn.active{background:#3277ee;border-color:#3277ee}.outgoing-drive-warning{color:#8a6500;background:#fff8e1;border:1px solid #ffe082}.outgoing-people-head{color:#60748d;justify-content:space-between;align-items:center;margin:5px 0 7px;font-size:11px;font-weight:700;display:flex}.outgoing-add-person{color:#3277ee;cursor:pointer;background:#f3f8ff;border:1px solid #c8d9ea;border-radius:5px;padding:5px 8px;font-size:10px}.outgoing-person{background:#fbfdff;border:1px solid #e0e8f1;border-left:3px solid #35b6c8;border-radius:5px;margin-bottom:8px;padding:8px 9px 2px}.outgoing-person-title{color:#315b78;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:10px;display:flex}.outgoing-person-title button{color:#d33a3a;cursor:pointer;background:0 0;border:0}.outgoing-kind-page{padding:8px 0 30px}.outgoing-kind-intro{color:#fff;background:linear-gradient(120deg,#245fd0,#2faec0);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:24px 28px;display:flex;box-shadow:0 12px 25px #2563eb29}.outgoing-kind-eyebrow{text-transform:uppercase;letter-spacing:.1em;opacity:.78;font-size:11px}.outgoing-kind-intro h3{font:700 25px var(--font-display);margin:5px 0}.outgoing-kind-intro p{opacity:.86;margin:0;font-size:13px}.outgoing-kind-intro>i{opacity:.17;margin-right:24px;font-size:62px}.outgoing-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.outgoing-kind-card{text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #dce5ef;border-radius:10px;align-items:center;gap:14px;min-height:140px;padding:20px;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 3px 12px #1f2d3d12}.outgoing-kind-card:hover{border-color:#8db8ed;transform:translateY(-3px);box-shadow:0 12px 24px #1f2d3d1f}.outgoing-kind-icon{border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:inline-flex}.outgoing-kind-card.blue .outgoing-kind-icon{color:#3277ee;background:#eaf3ff}.outgoing-kind-card.green .outgoing-kind-icon{color:#168651;background:#e7f7ed}.outgoing-kind-card.purple .outgoing-kind-icon{color:#7950c9;background:#f1ebff}.outgoing-kind-card.orange .outgoing-kind-icon{color:#d77b16;background:#fff2df}.outgoing-kind-content{flex-direction:column;gap:5px;min-width:0;display:flex}.outgoing-kind-content strong{color:#173554;font:700 14px var(--font-display)}.outgoing-kind-content small{color:#71859d;font-size:11px;line-height:1.45}.outgoing-kind-content em{color:#3277ee;font-size:10px;font-style:normal;font-weight:700}.outgoing-kind-arrow{color:#9bb1c8;margin-left:auto;font-size:13px}@media (width<=900px){.outgoing-reference-layout{grid-template-columns:1fr}}@media (width<=700px){.outgoing-kind-grid{grid-template-columns:1fr}.outgoing-kind-intro{padding:20px}.outgoing-kind-intro>i{margin-right:0}}
.archive-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 20px 16px}.archive-summary-item{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e5eaf0;border-radius:10px;background:#fbfcfd}.archive-summary-item i{font-size:20px}.archive-summary-item.folders i{color:#f59e0b}.archive-summary-item.files i{color:#3b82f6}.archive-summary-item strong{display:block;color:#172b4d;font-size:22px;line-height:1.05}.archive-summary-item span{display:block;color:#718096;font-size:11px;margin-top:3px}@media(max-width:576px){.archive-summary{margin-left:12px;margin-right:12px}}