*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f7;color:#1a1a1a;font-size:14px;-webkit-font-smoothing:antialiased}a{color:#b5603b;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{background:#b5603b;color:#fff;border:0;border-radius:6px;padding:9px 18px;cursor:pointer;font-weight:500;transition:background .12s;white-space:nowrap}button:hover{background:#9a5030}button:active{transform:translateY(1px)}button:disabled{background:#ccc;cursor:not-allowed}button.secondary{background:#fff;color:#1a1a1a;border:1px solid #d0d0d0}button.secondary:hover{background:#f0f0f0}button.danger{background:#c0392b}button.danger:hover{background:#a52e22}button.success{background:#27ae60}button.success:hover{background:#219a52}input,select,textarea{border:1px solid #d0d0d0;border-radius:6px;padding:9px 11px;background:#fff;width:100%;outline:none;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:#b5603b}textarea{resize:vertical;min-height:70px}label{display:block;margin:8px 0 4px;font-weight:500;font-size:13px}.header{background:#1a1008;color:#fff;padding:10px 20px}.header a{color:#fff}.header h1{margin:0;font-size:18px;font-weight:600;white-space:nowrap}.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nav-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hamburger{display:none;background:transparent;border:1px solid #555;color:#fff;font-size:18px;width:38px;height:34px;border-radius:6px;padding:0;cursor:pointer}.admin-links{display:flex;gap:16px;align-items:center;margin-top:8px;font-size:13px}.admin-links a{white-space:nowrap}.admin-links .user-info-m{display:none}@media (max-width: 768px){.header{padding:10px 12px}.header h1{font-size:16px;flex:0 0 auto}.hamburger{display:block;flex:0 0 auto}.header-top{gap:8px}.nav-right{gap:6px;order:3;flex-basis:100%;justify-content:flex-start;margin-top:6px;padding-top:6px;border-top:1px solid #3a2f24}.nav-right .lang-switch button{padding:3px 7px;font-size:11px}.nav-right>button,.nav-right>a{font-size:12px}.admin-links{display:none;flex-direction:column;align-items:flex-start;gap:0;margin-top:10px;border-top:1px solid #3a2f24;padding-top:8px}.admin-links.open{display:flex}.admin-links a{width:100%;padding:10px 4px;border-bottom:1px solid #2a2018;font-size:15px}.admin-links .user-info-m{display:block;opacity:.6;font-size:12px;padding:8px 4px 0;word-break:break-all}}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:480px}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}th{font-weight:600;background:#f3f3f3;font-size:12px;text-transform:uppercase;color:#666;position:sticky;top:0;z-index:5;box-shadow:inset 0 -1px #ddd}.scroll-top-btn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#1a1008;color:#fff;font-size:20px;border:0;cursor:pointer;box-shadow:0 3px 10px #00000040;z-index:900;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .15s,transform .15s}.scroll-top-btn:hover{background:#b5603b;transform:translateY(-2px)}@media (max-width: 768px){.scroll-top-btn{bottom:70px;right:14px;width:40px;height:40px}}tbody tr{transition:background 80ms}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#fafafa}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.DRAFT{background:#ecf0f1;color:#555}.badge.ACTIVE{background:#fdebd0;color:#b5603b}.badge.ACCEPTED,.badge.IN_PROGRESS{background:#d6eaf8;color:#2874a6}.badge.COMPLETED,.badge.PAID{background:#d4efdf;color:#27ae60}.badge.CANCELLED,.badge.REJECTED{background:#fadbd8;color:#c0392b}.badge.PENDING{background:#fcf3cf;color:#b7950b}.badge.APPROVED{background:#d6eaf8;color:#2874a6}.error{color:#c0392b;padding:10px;background:#fadbd8;border-radius:6px;margin:8px 0;font-size:13px}.success-msg{color:#27ae60;padding:10px;background:#d4efdf;border-radius:6px;margin:8px 0;font-size:13px}.login-box{max-width:400px;margin:60px auto;background:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 12px #00000014}.login-box h2{margin-top:0;color:#b5603b}.lang-switch{display:flex;gap:4px}.lang-switch button{background:transparent;color:#fff;padding:4px 9px;border:1px solid #555;font-size:12px;border-radius:4px}.lang-switch button.active{background:#b5603b;border-color:#b5603b}.chat-box{border:1px solid #e0e0e0;border-radius:6px;padding:12px;height:320px;overflow-y:auto;background:#fafafa;margin-bottom:8px}.chat-msg{margin-bottom:10px}.chat-msg .meta{font-size:11px;color:#888;margin-bottom:2px}.chat-msg.mine{text-align:right}.chat-msg.mine .body{background:#b5603b;color:#fff;display:inline-block;padding:7px 12px;border-radius:14px 14px 4px;max-width:75%;word-wrap:break-word}.chat-msg.other .body{background:#fff;border:1px solid #e0e0e0;display:inline-block;padding:7px 12px;border-radius:14px 14px 14px 4px;max-width:75%;word-wrap:break-word}.spinner{color:#888;padding:24px;text-align:center}.empty{color:#888;padding:24px;text-align:center;font-style:italic}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 40px)}.toast{padding:12px 18px;border-radius:6px;color:#fff;font-weight:500;font-size:14px;box-shadow:0 4px 12px #0000002e;animation:slideIn .22s ease-out;word-wrap:break-word}.toast-success{background:#27ae60}.toast-error{background:#c0392b}.toast-info{background:#2874a6}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){body{font-size:15px}.container{padding:14px 10px}.card{padding:14px}.login-box{margin:30px auto;padding:22px}th,td{padding:8px 6px;font-size:13px}th{font-size:11px}.chat-box{height:280px}.toast-container{top:auto;bottom:20px;right:10px;left:10px}.toast{font-size:13px;padding:10px 14px}.row{flex-direction:column;align-items:stretch}.row>*{width:100%}button{padding:10px 14px}}@media (max-width: 480px){.header{gap:8px}.lang-switch button{padding:3px 6px;font-size:11px}}