:root{--page-pad:24px;--marka-koyu:#0e2931;--marka-altin:#fac85e;--od-navy:#07151f;--od-navy-light:#0d2a3a;--od-petrol:#1a6b7a;--od-teal:#2d8b8b;--od-seafoam:#a8dadc;--od-mist:#d6eaf0;--sidebar-bg:var(--od-navy);--sidebar-text:#f1f5f9;--sidebar-active-bg:rgba(45,139,139,.2);--sidebar-active-text:#fff;--header-bg:#fff;--bg-color:#f4f7f9;--text-main:#0b1f2a;--text-muted:#5a8a9a;--accent-primary:var(--od-teal);--accent-secondary:var(--od-petrol);--accent-danger:#e63946;--accent-warning:#ffb703;--accent-purple:#457b9d;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden}a{color:inherit;text-decoration:none}.app-container{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1 1;overflow-y:auto;padding:var(--page-pad)}.card{background:#fff;border-radius:12px;box-shadow:0 2px 24px 0 rgba(69,90,100,.08);padding:24px;margin-bottom:24px}.page-header{justify-content:space-between;margin-bottom:24px}.header-title,.page-header{display:flex;align-items:center}.header-title{gap:12px}.header-title h1{font-size:1.6rem;font-weight:700;color:var(--text-main)}.header-actions{display:flex;gap:10px}.add-btn{background:var(--accent-secondary);color:#fff;border:none;padding:11px 22px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(4,169,245,.3)}.add-btn:hover{background:#028dce;transform:translateY(-1px);box-shadow:0 6px 18px rgba(4,169,245,.4)}.modal-overlay{position:fixed;inset:0;background:rgba(30,40,60,.55);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeInBg .2s ease}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:32px;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px rgba(0,0,0,.18);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:1.2rem;font-weight:700;margin-bottom:20px;color:var(--text-main)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-family:inherit;color:var(--text-main);background:#fafbfc;transition:border .2s,box-shadow .2s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px rgba(4,169,245,.12);background:#fff}.form-group input::placeholder{color:#b0bec5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f4f8}.cancel-btn{background:#f1f5f9;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--text-muted);font-family:inherit;transition:background .2s}.cancel-btn:hover{background:#e2e8f0}.submit-btn{background:var(--accent-secondary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer;font-family:inherit;font-size:.95rem;transition:all .2s;box-shadow:0 4px 12px rgba(4,169,245,.25)}.submit-btn:hover{background:#028dce;transform:translateY(-1px)}[role=button],a,button,input,label,select,textarea{touch-action:manipulation}@media (max-width:640px){:root{--page-pad:16px}.page-content .page-header{flex-wrap:wrap;gap:12px}.page-content .page-header>:first-child{flex:1 1 240px;min-width:0}.page-content .header-actions{flex-wrap:wrap}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{min-height:40px}.omr-page input,.omr-page select,table input,table select{min-height:0}input[type=checkbox],input[type=radio]{width:20px;height:20px}.close-btn,.km-close,.modal-close,.msg-modal-close,.oc-modal-close,.sd-modal-close{min-width:40px;min-height:40px}}@media (max-width:1024px){body.sidebar-acik .page-content{touch-action:none;overflow:hidden}}