body{margin:0;padding:0;font-family:PT Sans,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width : 600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width : 600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width : 600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}:root{--primary-color: #4a76a8;--primary-dark: #3c5f86;--secondary-color: #f5f5f5;--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--text-primary: #333;--text-secondary: #666;--text-muted: #94a3b8;--bg-primary: #f5f5f5;--bg-white: white;--bg-light: #f8fafc;--bg-gray: #f9fafb;--border-color: #e0e0e0;--border-light: #e5e7eb;--border-radius: 8px;--border-radius-large: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 2px 5px rgba(0,0,0,.1);--shadow-lg: 0 4px 8px rgba(0,0,0,.1);--shadow-xl: 0 8px 20px rgba(0,0,0,.1);--transition: all .2s;--transition-slow: all .3s;--page-padding: 20px;--section-padding: 24px;--card-padding: 20px;--button-height: 36px;--font-family: "Roboto", sans-serif;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px}*{box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0;background-color:var(--bg-primary)}.page-container{padding:var(--page-padding);background-color:var(--bg-primary);min-height:100vh;font-family:var(--font-family)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:var(--bg-white);padding:15px;border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.page-header .left,.page-header .right,.icon-title{display:flex;align-items:center;gap:12px}.icon-wrapper{background:var(--primary-color);padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-wrapper .icon{font-size:24px;color:#fff}.text-strip{padding:0}.page-title{margin:0;font-size:var(--font-size-2xl);font-weight:500;color:var(--text-primary)}.page-subtitle{margin:0;font-size:var(--font-size-base);color:var(--text-secondary)}.btn{padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-base);font-weight:500;transition:var(--transition);border:none;height:var(--button-height);text-decoration:none;white-space:nowrap;justify-content:center;font-family:var(--font-family)}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}.btn-primary .material-icons{color:#fff}.btn-primary:hover:not(:disabled) .material-icons{color:#fff}.btn-secondary{background-color:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-light);border-color:#d0d0d0;color:var(--text-primary)}.btn-secondary .material-icons{color:var(--text-primary)}.btn-secondary:hover:not(:disabled) .material-icons{color:var(--text-primary)}.btn-outline{background-color:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background-color:var(--bg-light);border-color:#d0d0d0;color:var(--text-secondary)}.btn-outline .material-icons{color:var(--text-secondary)}.btn-outline:hover:not(:disabled) .material-icons{color:var(--text-secondary)}.btn-success{background-color:var(--success-color);color:#fff;border:1px solid var(--success-color)}.btn-success:hover:not(:disabled){background-color:#1e7e34;color:#fff;border-color:#1e7e34}.btn-success .material-icons{color:#fff}.btn-success:hover:not(:disabled) .material-icons{color:#fff}.btn-warning{background-color:var(--warning-color);color:#fff;border:1px solid var(--warning-color)}.btn-warning:hover:not(:disabled){background-color:#e65100;color:#fff;border-color:#e65100}.btn-warning .material-icons{color:#fff}.btn-warning:hover:not(:disabled) .material-icons{color:#fff}.btn-error{background-color:var(--error-color);color:#fff;border:1px solid var(--error-color)}.btn-error:hover:not(:disabled){background-color:#d32f2f;color:#fff;border-color:#d32f2f}.btn-error .material-icons{color:#fff}.btn-error:hover:not(:disabled) .material-icons{color:#fff}.btn-text{background:none;border:none;color:var(--primary-color);font-size:var(--font-size-base);font-weight:500;cursor:pointer;padding:8px 16px;border-radius:var(--border-radius);transition:var(--transition-slow);display:inline-flex;align-items:center;gap:6px}.btn-text:hover{background:#f0f7ff;color:var(--primary-color)}.btn-text .material-icons,.btn-text:hover .material-icons{color:var(--primary-color)}.tabs-container{background:var(--bg-white);border-radius:var(--border-radius);padding:0 15px;margin-bottom:20px;box-shadow:var(--shadow-md)}.tabs{display:flex;border-bottom:1px solid var(--border-color);overflow-x:auto;padding-bottom:2px}.tab{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:var(--font-size-base);color:var(--text-secondary);white-space:nowrap;font-weight:500;position:relative;display:flex;align-items:center;gap:8px;transition:var(--transition)}.tab:hover{color:var(--text-primary)}.tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab .badge{position:absolute;top:6px;right:6px;background:var(--error-color);color:#fff;border-radius:12px;padding:2px 6px;font-size:11px;min-width:20px;text-align:center;line-height:1.2}.content-section{background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px;border:1px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--section-padding);border-bottom:1px solid var(--border-light);background:var(--bg-gray)}.section-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.section-title .material-icons{font-size:20px;color:var(--primary-color)}.section-title:before{content:"";display:block;width:4px;height:16px;background:var(--primary-color);border-radius:2px}.section-actions{display:flex;align-items:center;gap:16px}.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:var(--card-padding);transition:var(--transition-slow);margin-bottom:16px}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.card-content{margin-bottom:16px}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-light)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.empty-icon{width:80px;height:80px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-icon .material-icons{font-size:40px;color:var(--text-muted)}.loading-state h3,.empty-state h3{margin:8px 0;font-size:var(--font-size-xl);color:var(--text-primary)}.loading-state p,.empty-state p{margin:0 0 24px;color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:var(--font-size-base);font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:var(--transition);background:var(--bg-white);color:var(--text-primary);font-family:var(--font-family)}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4a76a81a;transform:translateY(-1px)}.form-control:disabled,.form-control:readonly{background-color:var(--bg-light);color:var(--text-secondary);cursor:not-allowed}.form-control.invalid{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}textarea.form-control{min-height:100px;resize:vertical}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer;padding-right:40px}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.error-message{display:block;margin-top:4px;font-size:var(--font-size-sm);color:var(--error-color);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.required{color:var(--error-color)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:var(--font-size-sm);font-weight:500}.badge.success{background:#dcfce7;color:#15803d}.badge.warning{background:#fef3c7;color:#d97706}.badge.error{background:#fee2e2;color:#b91c1c}.badge.info{background:#dbeafe;color:#1d4ed8}.badge.planned{background:#e1bee7;color:#7c4dff}.badge.default{background:var(--bg-light);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;font-family:var(--font-family);padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-white);border-radius:var(--border-radius-large);width:500px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;animation:bounceIn .5s ease;overflow:hidden}.modal.modal-small{width:400px}.modal.modal-large{width:800px}.modal.modal-wide{width:1000px}.modal.modal-extra-wide{width:1200px}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#fafafa,#f5f5f5);position:sticky;top:0;z-index:10}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);flex:1;padding-right:12px;display:flex;align-items:center;gap:8px}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);width:36px;height:36px}.close-btn:hover{background:#0000000d;color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:24px;overflow-y:auto;flex-grow:1}.modal-actions{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px;background:linear-gradient(to top,#fafafa,#f5f5f5);position:sticky;bottom:0}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-down-enter-active,.slide-down-leave-active{transition:all .3s ease;overflow:hidden}.slide-down-enter-from,.slide-down-leave-to{max-height:0;opacity:0;transform:translateY(-20px)}.slide-down-enter-to,.slide-down-leave-from{max-height:500px;opacity:1;transform:translateY(0)}.modal-fade-enter-active,.modal-fade-leave-active{transition:all .3s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0;transform:scale(.9)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{transform:translateY(100%);opacity:0}.toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:var(--border-radius);color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #00000026;z-index:1000;max-width:400px;animation:slideIn .3s ease}.toast-icon{font-size:20px;flex-shrink:0}.toast.success-toast{background:var(--success-color)}.toast.error-toast{background:var(--error-color)}.toast.info-toast{background:var(--info-color)}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-white);border-radius:var(--border-radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition)}.stat-icon.total{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.stat-icon.active{background:linear-gradient(135deg,var(--success-color) 0%,#16a34a 100%)}.stat-icon.planned{background:linear-gradient(135deg,#7c4dff,#5e35b1)}.stat-icon.warning{background:linear-gradient(135deg,var(--warning-color) 0%,#d97706 100%)}.stat-icon.info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-icon.error{background:linear-gradient(135deg,var(--error-color) 0%,#d32f2f 100%)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-info h3{margin:0;font-size:var(--font-size-base);color:var(--text-secondary)}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.page-numbers{display:flex;gap:4px}.items-per-page{width:120px}.controls-section{background:var(--bg-white);border-radius:var(--border-radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.controls-section .search-wrapper{margin-bottom:16px}.search-wrapper{position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:var(--transition);background:var(--bg-white);min-height:44px}.search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4a76a81a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:20px}.filters{display:flex;gap:8px;overflow-x:auto;padding:12px 4px 16px;min-height:64px}.filter-btn{padding:12px 20px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:var(--transition);font-family:var(--font-family);min-height:40px;line-height:1.2;animation:slideInUp .3s ease-out;animation-fill-mode:both}.filter-btn:hover{background:var(--bg-gray);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #4a76a84d}.filter-btn.active:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 4px 12px #4a76a866}.filter-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.filter-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.filter-icon{font-size:18px;flex-shrink:0}.filter-btn:nth-child(1){animation-delay:.1s}.filter-btn:nth-child(2){animation-delay:.2s}.filter-btn:nth-child(3){animation-delay:.3s}.filter-btn:nth-child(4){animation-delay:.4s}.filter-btn:nth-child(5){animation-delay:.5s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-switcher{display:flex;background:var(--bg-white);border-radius:var(--border-radius);padding:4px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.view-btn{background:none;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;justify-content:center}.view-btn:hover{background:var(--bg-light);color:var(--text-primary)}.view-btn.active{background:var(--primary-color);color:#fff}.requests-list{overflow-x:auto}.list-header,.list-item{display:grid;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);gap:8px}.list-header{background:var(--bg-gray);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);position:sticky;top:0;z-index:10}.list-item{transition:var(--transition);cursor:pointer}.list-item:hover{background:var(--bg-light)}.list-item.selected{background:#e6f4ff}.list-select-all,.list-select{display:flex;align-items:center;justify-content:center}.list-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.cards-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:24px}.request-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.request-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.kanban-view{display:flex;gap:20px;padding:24px;overflow-x:auto;min-height:600px}.kanban-column{flex:1;min-width:300px;background:var(--bg-light);border-radius:var(--border-radius);overflow:hidden}.kanban-header{padding:16px;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px}.kanban-items{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:400px}.kanban-item{background:var(--bg-white);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow-sm);cursor:move;transition:var(--transition);border:1px solid var(--border-light)}.kanban-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.calendar-view{padding:24px}.calendar-view .calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto}.calendar-view .calendar-header h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary);text-transform:capitalize}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px;max-width:800px;margin-left:auto;margin-right:auto}.weekday{text-align:center;font-weight:600;color:var(--text-secondary);padding:8px;font-size:var(--font-size-sm)}.calendar-view .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:800px;margin:0 auto}.calendar-view .calendar-day{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:8px;min-height:100px;transition:var(--transition)}.calendar-view .calendar-day:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.calendar-view .calendar-day.other-month{opacity:.5;background:var(--bg-light)}.calendar-view .calendar-day.today{border-color:var(--primary-color);background:#f0f7ff}.calendar-view .calendar-day.has-requests{border-color:var(--success-color)}.day-number{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:var(--font-size-sm)}.day-requests{display:flex;flex-direction:column;gap:4px}.request-item{padding:2px 6px;border-radius:4px;color:#fff;font-size:10px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--transition)}.request-item:hover{transform:translate(2px);opacity:.9}.tip-card,.contact-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.tip-card:hover,.contact-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}@media (max-width: 768px){.page-container{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.page-header .right{width:100%;justify-content:space-between}.tabs{overflow-x:auto;padding-bottom:5px}.toast{bottom:16px;right:16px;left:16px;max-width:calc(100% - 32px)}.modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}.modal.modal-small,.modal.modal-large,.modal.modal-wide,.modal.modal-extra-wide{width:100%}.modal-header{padding:16px;flex-wrap:wrap}.modal-body{padding:16px}.modal-actions{padding:16px;flex-direction:column-reverse}.modal-actions .btn{width:100%}.stats-grid{grid-template-columns:1fr;margin-bottom:24px}.pagination{flex-wrap:wrap}.page-numbers{order:2;width:100%;justify-content:center;margin-top:12px}.filters{flex-wrap:wrap;padding:16px 8px 20px;min-height:80px}.filter-btn{padding:10px 16px;min-width:120px;justify-content:center}.controls-section{padding:16px;margin-bottom:16px}.search-input{padding:10px 12px 10px 40px}.stat-value{font-size:20px}.view-switcher{padding:3px}.view-btn{padding:6px 10px}.list-header,.list-item{padding:8px 12px;font-size:12px}.cards-view{grid-template-columns:1fr;padding:16px;gap:16px}.kanban-view{flex-direction:column;padding:16px;gap:16px}.kanban-column{min-width:100%}.kanban-items{min-height:200px}.calendar-view{padding:16px}.calendar-view .calendar-grid{gap:4px}.calendar-view .calendar-day{min-height:80px;padding:4px}.day-number{font-size:12px}.request-item{font-size:9px;padding:1px 4px}}.sidebar[data-v-7c0c9341]{width:280px;height:100vh;background:linear-gradient(180deg,var(--bg-white) 0%,#fafbfc 100%);position:fixed;left:0;top:0;z-index:90;box-shadow:2px 0 12px #0000000d;display:flex;flex-direction:column;border-right:1px solid var(--border-light);transition:all .6s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.sidebar.collapsed[data-v-7c0c9341]{width:72px}.sidebar-header[data-v-7c0c9341]{padding:20px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-white);display:flex;align-items:center;justify-content:space-between;min-height:88px;position:relative;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.collapsed .sidebar-header[data-v-7c0c9341]{padding:20px 8px;justify-content:center}.logo-container[data-v-7c0c9341]{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;opacity:1}.collapsed .logo-container[data-v-7c0c9341]{opacity:0;width:0;gap:0;transform:translate(-50px);pointer-events:none}.logo-container[data-v-7c0c9341]:hover{transform:translate(4px)}.collapsed .logo-container[data-v-7c0c9341]:hover{transform:translate(-50px)}.logo-wrapper[data-v-7c0c9341]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4a76a833;position:relative;overflow:hidden;flex-shrink:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.logo-wrapper[data-v-7c0c9341]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #4a76a866}.logo[data-v-7c0c9341]{width:28px;height:28px;object-fit:contain;position:relative;z-index:1}.logo-compact[data-v-7c0c9341]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);opacity:0;box-shadow:0 2px 8px #4a76a833}.collapsed .logo-compact[data-v-7c0c9341]{opacity:1;position:static;transform:scale(1);transition-delay:.3s}.logo-compact[data-v-7c0c9341]:hover{transform:scale(1.05);box-shadow:0 4px 12px #4a76a84d}.collapsed .logo-compact[data-v-7c0c9341]:hover{transform:scale(1.05)}.logo-small[data-v-7c0c9341]{width:28px;height:28px;object-fit:contain}.logo-text[data-v-7c0c9341]{flex:1;overflow:hidden;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);min-width:0}.collapsed .logo-text[data-v-7c0c9341]{opacity:0;width:0;transform:translate(-30px)}.logo-text h1[data-v-7c0c9341]{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.logo-text span[data-v-7c0c9341]{font-size:12px;color:var(--text-secondary);font-weight:400;white-space:nowrap;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.collapse-btn[data-v-7c0c9341]{all:unset;width:36px;height:36px;border-radius:8px;background:#4a76a814;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);flex-shrink:0;color:var(--primary-color);border:1px solid rgba(74,118,168,.15);position:absolute;right:16px;top:50%;transform:translateY(-50%)}.collapse-btn[data-v-7c0c9341]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-50%) scale(1.05);box-shadow:0 2px 8px #4a76a84d}.collapse-btn .material-icons[data-v-7c0c9341]{font-size:18px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.collapsed .collapse-btn[data-v-7c0c9341]{right:50%;transform:translate(50%,-50%)}.collapsed .collapse-btn[data-v-7c0c9341]:hover{transform:translate(50%,-50%) scale(1.05)}.menu[data-v-7c0c9341]{flex:1;overflow-y:auto;overflow-x:visible;padding:12px 8px}.menu-section[data-v-7c0c9341]{margin-bottom:4px}.section-header[data-v-7c0c9341]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);-webkit-user-select:none;user-select:none;color:var(--text-secondary);position:relative;overflow:hidden}.collapsed .section-header[data-v-7c0c9341]{justify-content:center;padding:12px}.section-header[data-v-7c0c9341]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,118,168,.1),transparent);transition:all .6s ease}.section-header[data-v-7c0c9341]:hover:before{left:100%}.section-header[data-v-7c0c9341]:hover{background:#4a76a814;color:var(--primary-color);transform:translate(4px)}.section-header.active[data-v-7c0c9341]{background:#4a76a81f;color:var(--primary-color)}.section-left[data-v-7c0c9341]{display:flex;align-items:center;gap:12px}.section-title[data-v-7c0c9341]{font-size:15px;white-space:nowrap}.material-icons[data-v-7c0c9341]{font-size:20px;transition:color .2s ease;flex-shrink:0}.arrow[data-v-7c0c9341]{transition:all .4s cubic-bezier(.68,-.55,.265,1.55);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.arrow.rotated[data-v-7c0c9341]{transform:rotate(90deg);color:var(--primary-color)}.section-header.active .arrow[data-v-7c0c9341]{color:var(--primary-color)}.submenu[data-v-7c0c9341]{margin-top:4px;margin-left:8px;padding-left:12px;border-left:1px solid var(--border-light);position:relative}.submenu[data-v-7c0c9341]:before{content:"";position:absolute;left:-1px;top:0;width:2px;height:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));transition:all .4s ease}.submenu[data-v-7c0c9341]:hover:before{height:100%}.submenu-item[data-v-7c0c9341]{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:2px 0;color:#475569;text-decoration:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);font-size:var(--font-size-base);border-radius:var(--border-radius);position:relative;overflow:hidden}.submenu-item[data-v-7c0c9341]:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#4a76a80d,#4a76a81a);transition:all .4s ease;z-index:0}.submenu-item[data-v-7c0c9341]:hover:before{width:100%}.submenu-item[data-v-7c0c9341]:hover{color:var(--text-secondary);transform:translate(6px)}.submenu-item.active[data-v-7c0c9341]{background:#4a76a81a;color:var(--primary-color);font-weight:500}.submenu-item.active[data-v-7c0c9341]:after{content:"";position:absolute;left:-12px;top:0;width:2px;height:100%;background:var(--primary-color);border-radius:1px}.link-icon[data-v-7c0c9341]{width:20px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.submenu-arrow[data-v-7c0c9341]{margin-left:auto;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);color:var(--text-muted);position:relative;z-index:1}.submenu-item:hover .submenu-arrow[data-v-7c0c9341]{opacity:1;transform:translate(2px)}.collapsed-items[data-v-7c0c9341]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.collapsed-item[data-v-7c0c9341]{display:flex;align-items:center;justify-content:center;padding:12px;margin:2px 8px;color:var(--text-secondary);text-decoration:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border-radius:var(--border-radius);position:relative}.collapsed-item[data-v-7c0c9341]:hover{background:#4a76a814;color:var(--primary-color);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #4a76a833}.collapsed-item.active[data-v-7c0c9341]{background:#4a76a81f;color:var(--primary-color)}.tooltip[data-v-7c0c9341]{position:fixed;left:84px;top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:9999;pointer-events:none;box-shadow:0 4px 12px #00000026;max-width:200px}.tooltip[data-v-7c0c9341]:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:#000000e6}.collapsed .section-header:hover .tooltip[data-v-7c0c9341],.collapsed .collapsed-item:hover .tooltip[data-v-7c0c9341],.collapsed .user-compact:hover .tooltip[data-v-7c0c9341],.collapsed .logout-btn:hover .tooltip[data-v-7c0c9341]{opacity:1;visibility:visible;left:88px}.submenu-slide-enter-active[data-v-7c0c9341],.submenu-slide-leave-active[data-v-7c0c9341]{transition:all .4s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;transform-origin:top}.submenu-slide-enter-from[data-v-7c0c9341],.submenu-slide-leave-to[data-v-7c0c9341]{max-height:0;opacity:0;transform:translateY(-10px) scaleY(.8)}.submenu-slide-enter-to[data-v-7c0c9341],.submenu-slide-leave-from[data-v-7c0c9341]{max-height:500px;opacity:1;transform:translateY(0) scaleY(1)}.sidebar-footer[data-v-7c0c9341]{padding:16px 12px;border-top:1px solid var(--border-light);background:var(--bg-white);display:flex;align-items:center;justify-content:space-between;min-height:72px;flex-shrink:0;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.collapsed .sidebar-footer[data-v-7c0c9341]{flex-direction:column;gap:8px;justify-content:center;padding:12px 8px}.user-info[data-v-7c0c9341]{display:flex;align-items:center;gap:10px;flex:1;min-width:0;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.collapsed .user-info[data-v-7c0c9341]{opacity:0;width:0;overflow:hidden;gap:0}.user-compact[data-v-7c0c9341]{position:relative;opacity:0;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.collapsed .user-compact[data-v-7c0c9341]{opacity:1}.user-avatar[data-v-7c0c9341]{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;border:none;flex-shrink:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.user-avatar[data-v-7c0c9341]:hover{transform:scale(1.05);box-shadow:0 2px 8px #4a76a84d}.user-details[data-v-7c0c9341]{display:flex;flex-direction:column;overflow:hidden;min-width:0;flex:1}.user-name[data-v-7c0c9341]{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-role[data-v-7c0c9341]{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:1px}.logout-btn[data-v-7c0c9341]{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:6px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.logout-btn[data-v-7c0c9341]:hover{background:#fef2f2;color:var(--error-color);transform:scale(1.05)}.logout-btn .material-icons[data-v-7c0c9341]{font-size:18px}.collapsed .logout-btn[data-v-7c0c9341]{margin:0}.menu[data-v-7c0c9341]::-webkit-scrollbar{width:4px}.menu[data-v-7c0c9341]::-webkit-scrollbar-track{background:var(--bg-light);border-radius:2px}.menu[data-v-7c0c9341]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.menu[data-v-7c0c9341]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1200px){.sidebar[data-v-7c0c9341]{width:260px}.sidebar.collapsed[data-v-7c0c9341]{width:72px}.collapsed .tooltip[data-v-7c0c9341]{left:84px}.collapsed .section-header:hover .tooltip[data-v-7c0c9341],.collapsed .collapsed-item:hover .tooltip[data-v-7c0c9341],.collapsed .user-compact:hover .tooltip[data-v-7c0c9341],.collapsed .logout-btn:hover .tooltip[data-v-7c0c9341]{left:88px}}@media (max-width: 768px){.sidebar[data-v-7c0c9341]{width:280px;transform:translate(-100%);transition:transform .3s ease,width .3s ease;overflow:hidden}.sidebar.open[data-v-7c0c9341]{transform:translate(0)}.sidebar.collapsed[data-v-7c0c9341]{width:280px}.logo-text h1[data-v-7c0c9341]{font-size:20px}.logo-wrapper[data-v-7c0c9341]{width:44px;height:44px}.logo[data-v-7c0c9341]{width:32px;height:32px}.collapse-btn[data-v-7c0c9341],.tooltip[data-v-7c0c9341]{display:none}}.file-upload[data-v-5e05c7ac]{margin-top:8px;animation:fadeIn-5e05c7ac .4s ease}@keyframes fadeIn-5e05c7ac{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropzone[data-v-5e05c7ac]{border:2px dashed var(--border-color);border-radius:var(--border-radius-large);padding:24px;text-align:center;cursor:pointer;transition:var(--transition-slow);background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%)}.dropzone[data-v-5e05c7ac]:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#f5f9fc,#e3f2fd);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dropzone.active[data-v-5e05c7ac]{border-color:var(--primary-color);background:linear-gradient(135deg,#e3f2fd,#bbdefb);transform:scale(1.02);box-shadow:0 6px 16px #4a76a833}.dropzone.has-files[data-v-5e05c7ac]{padding:16px;text-align:left;background:var(--bg-white)}.dropzone-content[data-v-5e05c7ac]{display:flex;flex-direction:column;align-items:center;gap:12px}.dropzone-content .material-icons[data-v-5e05c7ac]{font-size:48px;color:var(--primary-color);transition:transform .3s}.dropzone:hover .dropzone-content .material-icons[data-v-5e05c7ac]{transform:translateY(-5px) scale(1.1)}.dropzone-content p[data-v-5e05c7ac]{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500}.file-hint[data-v-5e05c7ac]{font-size:var(--font-size-sm);color:var(--text-muted)}.files-list[data-v-5e05c7ac]{display:flex;flex-direction:column;gap:8px}.file-item[data-v-5e05c7ac]{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-light);border-radius:var(--border-radius);border:1px solid var(--border-light);transition:var(--transition-slow);animation:slideIn-5e05c7ac .4s ease}@keyframes slideIn-5e05c7ac{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.file-item[data-v-5e05c7ac]:hover{border-color:var(--primary-color);background:#f5f9fc;transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-info[data-v-5e05c7ac]{display:flex;align-items:center;gap:12px;flex:1}.file-icon[data-v-5e05c7ac]{font-size:28px;transition:var(--transition)}.file-item:hover .file-icon[data-v-5e05c7ac]{transform:scale(1.2) rotate(10deg)}.file-details[data-v-5e05c7ac]{display:flex;flex-direction:column;min-width:0}.file-name[data-v-5e05c7ac]{font-size:var(--font-size-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.file-size[data-v-5e05c7ac]{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.remove-file[data-v-5e05c7ac]{color:var(--text-muted);padding:6px;border-radius:50%;transition:var(--transition-slow)}.remove-file[data-v-5e05c7ac]:hover{color:#fff;background:var(--error-color);transform:rotate(90deg) scale(1.1)}.actions[data-v-5e05c7ac]{margin-top:16px;display:flex;justify-content:flex-start}.add-more-btn .material-icons[data-v-5e05c7ac]{transition:transform .3s}.add-more-btn:hover .material-icons[data-v-5e05c7ac]{transform:rotate(180deg)}@media (max-width: 480px){.dropzone[data-v-5e05c7ac]{padding:16px}.dropzone-content .material-icons[data-v-5e05c7ac]{font-size:36px}.file-item[data-v-5e05c7ac]{padding:8px}.file-icon[data-v-5e05c7ac]{font-size:24px}}.modal-overlay[data-v-acd497e7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn-acd497e7 .3s ease;font-family:Roboto,sans-serif}@keyframes fadeIn-acd497e7{0%{opacity:0}to{opacity:1}}.modal[data-v-acd497e7]{background:#fff;border-radius:16px;width:800px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;overflow:hidden;animation:slideUp-acd497e7 .3s ease;transition:width .3s ease}.modal.modal-extended[data-v-acd497e7]{width:900px}@keyframes slideUp-acd497e7{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-acd497e7]{padding:24px 32px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;background:linear-gradient(to bottom,#fff,#fafafa);gap:16px}.header-left[data-v-acd497e7]{display:flex;align-items:center;gap:16px;flex:1}.modal-header h2[data-v-acd497e7]{margin:0;font-size:20px;font-weight:600;color:#333}.header-info[data-v-acd497e7]{display:flex;gap:12px}.info-badge[data-v-acd497e7]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border-radius:20px;font-size:14px;color:#666;border:1px solid #e0e0e0}.info-badge .material-icons[data-v-acd497e7]{font-size:18px;color:#1976d2}.back-btn[data-v-acd497e7],.close-btn[data-v-acd497e7]{background:none;border:none;color:#666;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn[data-v-acd497e7]:hover,.close-btn[data-v-acd497e7]:hover{background:#0000000d;color:#333}.close-btn[data-v-acd497e7]:hover{transform:rotate(90deg)}.modal-body[data-v-acd497e7]{flex-grow:1;overflow-y:auto;background:#f8f9fa}.address-selection-step[data-v-acd497e7]{padding:32px}.search-container[data-v-acd497e7]{margin-bottom:24px}.search-box[data-v-acd497e7]{position:relative;box-shadow:0 2px 8px #0000000d}.search-icon[data-v-acd497e7]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;font-size:24px}.search-input[data-v-acd497e7]{width:100%;padding:16px 60px 16px 52px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input[data-v-acd497e7]:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a}.clear-search-btn[data-v-acd497e7]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s}.clear-search-btn[data-v-acd497e7]:hover{background:#f0f0f0;color:#333}.address-list[data-v-acd497e7]{display:flex;flex-direction:column;gap:12px}.address-card[data-v-acd497e7]{display:flex;align-items:center;padding:20px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}.address-card[data-v-acd497e7]:hover{border-color:#1976d2;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.address-icon[data-v-acd497e7]{width:48px;height:48px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.address-icon .material-icons[data-v-acd497e7]{font-size:28px;color:#1976d2}.address-content[data-v-acd497e7]{flex:1}.address-content h4[data-v-acd497e7]{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.address-content p[data-v-acd497e7]{margin:0;font-size:14px;color:#666}.arrow-icon[data-v-acd497e7]{color:#ccc;font-size:20px}.form-step[data-v-acd497e7]{padding:32px}.form-section[data-v-acd497e7]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;border:1px solid #e8e8e8}.form-section[data-v-acd497e7]:last-child{margin-bottom:0}.section-title[data-v-acd497e7]{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:500;color:#333;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.section-title .material-icons[data-v-acd497e7]{font-size:24px;color:#1976d2}.form-grid[data-v-acd497e7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group[data-v-acd497e7]{display:flex;flex-direction:column}.form-group.full-width[data-v-acd497e7]{grid-column:1 / -1}.form-group label[data-v-acd497e7]{margin-bottom:8px;font-size:14px;font-weight:500;color:#555}.required[data-v-acd497e7]{color:#ef4444;margin-left:2px}.form-control[data-v-acd497e7]{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fafafa}.form-control[data-v-acd497e7]:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 3px #1976d21a;background:#fff}.form-control[data-v-acd497e7]:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.invalid[data-v-acd497e7]{border-color:#ef4444!important}.form-control.invalid[data-v-acd497e7]:focus{box-shadow:0 0 0 3px #ef44441a}.error-message[data-v-acd497e7]{margin-top:6px;font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px}.category-with-templates[data-v-acd497e7]{display:flex;gap:20px;align-items:flex-start}.category-select-wrapper[data-v-acd497e7]{flex:1}.selected-template-sidebar[data-v-acd497e7]{min-width:280px;max-width:320px}.template-preview-card[data-v-acd497e7]{background:linear-gradient(135deg,#e8f5e8,#d4edd4);border:1px solid #a5d6a7;border-radius:12px;padding:16px;box-shadow:0 4px 12px #4caf5026;animation:slideInRight-acd497e7 .3s ease-out}@keyframes slideInRight-acd497e7{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.template-header[data-v-acd497e7]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.template-icon-small[data-v-acd497e7]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #0003}.template-icon-small .material-icons[data-v-acd497e7]{font-size:20px}.template-title[data-v-acd497e7]{flex:1}.template-title h5[data-v-acd497e7]{margin:0 0 2px;font-size:15px;font-weight:600;color:#2e7d32}.template-status[data-v-acd497e7]{font-size:12px;color:#4caf50;font-weight:500;display:flex;align-items:center;gap:4px}.template-status[data-v-acd497e7]:before{content:"✓";font-weight:700}.clear-template-icon[data-v-acd497e7]{background:none;border:none;color:#66bb6a;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;width:28px;height:28px}.clear-template-icon[data-v-acd497e7]:hover{background:#4caf501a;color:#4caf50;transform:rotate(90deg)}.clear-template-icon .material-icons[data-v-acd497e7]{font-size:18px}.template-details[data-v-acd497e7]{border-top:1px solid rgba(76,175,80,.2);padding-top:16px}.template-description[data-v-acd497e7]{margin:0 0 16px;font-size:13px;color:#2e7d32;line-height:1.4;font-style:italic}.template-applied-settings[data-v-acd497e7]{margin-bottom:16px}.setting-row[data-v-acd497e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.setting-label[data-v-acd497e7]{color:#558b5f;font-weight:500}.setting-value[data-v-acd497e7]{font-weight:600;color:#2e7d32}.setting-value.priority[data-v-acd497e7]{padding:2px 8px;border-radius:12px;font-size:11px;color:#fff}.setting-value.priority.high[data-v-acd497e7]{background:#ef4444}.setting-value.priority.medium[data-v-acd497e7]{background:#f59e0b}.setting-value.priority.low[data-v-acd497e7]{background:#94a3b8}.template-usage[data-v-acd497e7]{display:flex;align-items:center;gap:6px;font-size:12px;color:#66bb6a;padding:8px 12px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.2)}.template-usage .material-icons[data-v-acd497e7]{font-size:16px}.template-selector[data-v-acd497e7]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e0e0e0}.template-selector h4[data-v-acd497e7]{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#333;font-size:16px}.template-selector h4 .material-icons[data-v-acd497e7]{color:#1976d2;font-size:20px}.template-chips[data-v-acd497e7]{display:flex;flex-wrap:wrap;gap:8px}.template-chip[data-v-acd497e7]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .3s;font-size:13px;color:#666}.template-chip[data-v-acd497e7]:hover{border-color:#1976d2;background:#e3f2fd;color:#1976d2;transform:translateY(-2px)}.template-chip.more-btn[data-v-acd497e7]{background:#f0f0f0;border-color:#ccc;color:#999}.template-chip .material-icons[data-v-acd497e7]{font-size:16px}.selected-template-info[data-v-acd497e7]{margin-bottom:24px}.template-card[data-v-acd497e7]{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #a5d6a7;border-radius:12px}.template-icon[data-v-acd497e7]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.template-content[data-v-acd497e7]{flex:1}.template-content h4[data-v-acd497e7]{margin:0 0 4px;font-size:16px;color:#333}.template-content p[data-v-acd497e7]{margin:0 0 8px;font-size:14px;color:#666}.template-meta[data-v-acd497e7]{display:flex;gap:8px}.priority-badge[data-v-acd497e7]{padding:2px 8px;border-radius:12px;font-size:11px;background:#4caf50;color:#fff}.priority-badge.high[data-v-acd497e7]{background:#ef4444}.priority-badge.medium[data-v-acd497e7]{background:#f59e0b}.priority-badge.low[data-v-acd497e7]{background:#94a3b8}.type-badge[data-v-acd497e7]{padding:2px 8px;border-radius:12px;font-size:11px;background:#f0f0f0;color:#666}.clear-template-btn[data-v-acd497e7]{background:none;border:1px solid #ddd;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .3s}.clear-template-btn[data-v-acd497e7]:hover{background:#fff3e0;border-color:#ff9800;color:#ff9800}.request-types-grid[data-v-acd497e7]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}.request-type-card[data-v-acd497e7]{position:relative;display:flex;align-items:center;padding:16px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.request-type-card[data-v-acd497e7]:hover{border-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.request-type-card.selected[data-v-acd497e7]{border-color:#1976d2;background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:0 0 0 3px #1976d21a}.radio-input[data-v-acd497e7]{position:absolute;opacity:0;pointer-events:none}.card-icon[data-v-acd497e7]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#fff}.card-content[data-v-acd497e7]{flex:1}.card-label[data-v-acd497e7]{font-weight:500;color:#333;font-size:14px;display:block}.card-deadline[data-v-acd497e7]{font-size:12px;color:#666;margin-top:2px}.deadline-info[data-v-acd497e7]{margin-top:12px;padding:12px 16px;background:#f0f9ff;border-left:3px solid;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px;color:#333;animation:fadeIn-acd497e7 .3s ease}.deadline-info .material-icons[data-v-acd497e7]{font-size:18px}.category-description[data-v-acd497e7]{margin-top:8px;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:13px;color:#666;border:1px solid #e0e0e0;display:flex;align-items:center;gap:6px}.category-description .material-icons[data-v-acd497e7]{font-size:16px;color:#1976d2}.priority-selector[data-v-acd497e7]{display:flex;gap:8px}.priority-btn[data-v-acd497e7]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s;font-size:14px;color:#666;font-weight:500}.priority-btn[data-v-acd497e7]:hover{border-color:#888;background:#8888880d}.priority-btn.active[data-v-acd497e7]{border-color:#1976d2;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.priority-btn .material-icons[data-v-acd497e7]{font-size:20px}.resident-suggestion[data-v-acd497e7]{margin-top:16px}.suggestion-card[data-v-acd497e7]{display:flex;align-items:center;gap:12px;padding:12px;background:#e8f5e8;border:1px solid #c8e6c9;border-radius:8px}.suggestion-icon[data-v-acd497e7]{width:36px;height:36px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.suggestion-content[data-v-acd497e7]{flex:1}.suggestion-content h5[data-v-acd497e7]{margin:0 0 4px;font-size:14px;color:#333}.suggestion-content p[data-v-acd497e7]{margin:0;font-size:12px;color:#666}.suggestion-actions[data-v-acd497e7]{display:flex;gap:8px}.btn[data-v-acd497e7]{padding:8px 16px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s;border:none;text-decoration:none;white-space:nowrap;justify-content:center;font-family:inherit}.btn-sm[data-v-acd497e7]{padding:6px 12px;font-size:12px}.btn-primary[data-v-acd497e7]{background:#1976d2;color:#fff;border:1px solid #1976d2}.btn-primary[data-v-acd497e7]:hover{background:#1565c0;border-color:#1565c0}.btn-secondary[data-v-acd497e7]{background:#fff;color:#666;border:1px solid #ddd}.btn-secondary[data-v-acd497e7]:hover{background:#f8f9fa;border-color:#ccc}.btn-success[data-v-acd497e7]{background:#4caf50;color:#fff;border:1px solid #4caf50}.btn-success[data-v-acd497e7]:hover{background:#45a049;border-color:#45a049}textarea.form-control[data-v-acd497e7]{min-height:120px;resize:vertical;font-family:inherit}.textarea-footer[data-v-acd497e7]{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.char-count[data-v-acd497e7]{font-size:12px;color:#999}.field-hint[data-v-acd497e7]{font-size:12px;color:#999;text-align:right;margin-top:4px}.field-warning[data-v-acd497e7]{font-size:12px;color:#ff8f00;margin-top:6px;display:flex;align-items:center;gap:4px}.field-warning .material-icons[data-v-acd497e7]{font-size:16px}.file-hint[data-v-acd497e7]{font-size:12px;color:#666;margin-top:8px;display:flex;align-items:center;gap:6px}.file-hint .material-icons[data-v-acd497e7]{font-size:16px;color:#1976d2}.upload-progress[data-v-acd497e7]{position:relative;height:8px;background:#f0f0f0;border-radius:4px;margin:16px 0;overflow:hidden}.progress-bar[data-v-acd497e7]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#1976d2,#42a5f5);transition:width .3s ease;border-radius:4px}.progress-text[data-v-acd497e7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.loading-state[data-v-acd497e7],.empty-state[data-v-acd497e7]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#666}.loading-state .material-icons[data-v-acd497e7],.empty-state .material-icons[data-v-acd497e7]{font-size:64px;margin-bottom:16px;color:#ccc}.rotating[data-v-acd497e7]{animation:rotate-acd497e7 1s linear infinite}@keyframes rotate-acd497e7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-hint[data-v-acd497e7]{font-size:13px;color:#999;margin-top:8px}.modal-actions[data-v-acd497e7]{padding:20px 32px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:16px;background:linear-gradient(to top,#fafafa,#fff)}.cancel-btn[data-v-acd497e7],.save-btn[data-v-acd497e7]{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.cancel-btn[data-v-acd497e7]{background:none;border:2px solid #e0e0e0;color:#666}.cancel-btn[data-v-acd497e7]:hover{background:#f5f5f5;border-color:#ccc;transform:translateY(-2px)}.save-btn[data-v-acd497e7]{background:linear-gradient(135deg,#4a76a8,#3c5f86);color:#fff;border:none;min-width:140px;justify-content:center;box-shadow:0 2px 8px #4a76a84d}.save-btn[data-v-acd497e7]:hover:not(:disabled){background:linear-gradient(135deg,#3c5f86,#2e4965);transform:translateY(-2px);box-shadow:0 4px 16px #4a76a866}.save-btn[data-v-acd497e7]:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.loader[data-v-acd497e7]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-acd497e7 1s linear infinite}@keyframes spin-acd497e7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.keyboard-hint[data-v-acd497e7]{position:absolute;bottom:8px;right:8px;display:flex;gap:16px;font-size:11px;color:#999}.keyboard-hint span[data-v-acd497e7]{display:flex;align-items:center;gap:4px}.templates-modal[data-v-acd497e7]{width:800px}.templates-grid[data-v-acd497e7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-height:400px;overflow-y:auto}.template-card-full[data-v-acd497e7]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s;text-align:left}.template-card-full[data-v-acd497e7]:hover{border-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-icon-full[data-v-acd497e7]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.template-content-full[data-v-acd497e7]{flex:1}.template-content-full h5[data-v-acd497e7]{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.template-content-full p[data-v-acd497e7]{margin:0 0 8px;font-size:12px;color:#666;line-height:1.4}.template-meta-full[data-v-acd497e7]{display:flex;gap:8px}.usage-badge[data-v-acd497e7]{padding:2px 6px;border-radius:4px;font-size:10px;background:#e3f2fd;color:#1976d2}.modal-fade-enter-active[data-v-acd497e7],.modal-fade-leave-active[data-v-acd497e7]{transition:all .3s ease}.modal-fade-enter-from[data-v-acd497e7],.modal-fade-leave-to[data-v-acd497e7]{opacity:0;transform:scale(.9)}@media (max-width: 1024px){.modal.modal-extended[data-v-acd497e7]{width:100%}.form-grid[data-v-acd497e7]{grid-template-columns:1fr}.templates-with-preview[data-v-acd497e7]{flex-direction:column}.template-preview-sidebar[data-v-acd497e7]{min-width:100%;max-width:100%}}@media (max-width: 768px){.modal[data-v-acd497e7]{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-header[data-v-acd497e7]{padding:16px;flex-wrap:wrap}.header-info[data-v-acd497e7]{width:100%;order:3;margin-top:12px}.modal-body[data-v-acd497e7],.address-selection-step[data-v-acd497e7],.form-step[data-v-acd497e7]{padding:16px}.request-types-grid[data-v-acd497e7]{grid-template-columns:1fr}.priority-selector[data-v-acd497e7],.template-chips[data-v-acd497e7]{flex-direction:column}.templates-grid[data-v-acd497e7]{grid-template-columns:1fr}.modal-actions[data-v-acd497e7]{padding:16px;flex-direction:column-reverse}.cancel-btn[data-v-acd497e7],.save-btn[data-v-acd497e7]{width:100%}.keyboard-hint[data-v-acd497e7]{display:none}}@media (max-width: 480px){.form-section[data-v-acd497e7]{padding:16px}.section-title[data-v-acd497e7]{font-size:16px}.search-input[data-v-acd497e7]{font-size:14px;padding:12px 48px 12px 40px}.template-selector[data-v-acd497e7]{padding:16px}.template-chips[data-v-acd497e7]{gap:6px}.template-chip[data-v-acd497e7]{padding:6px 10px;font-size:12px}}.navbar[data-v-5dd802f4]{height:64px;width:100%;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:80;box-shadow:0 1px 3px #0000000d}.navbar-content[data-v-5dd802f4]{height:100%;max-width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.left-section[data-v-5dd802f4],.right-section[data-v-5dd802f4]{display:flex;align-items:center;gap:16px}.create-request-button[data-v-5dd802f4]{all:unset;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;height:36px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;background-color:#4a76a8;color:#fff;box-shadow:0 2px 4px #4a76a833;transition:box-shadow .2s ease,transform .2s ease}.create-request-button[data-v-5dd802f4]:hover{box-shadow:0 4px 8px #4a76a84d;transform:translateY(-2px);background-color:#4a76a8;color:#fff}.create-request-button .material-icons[data-v-5dd802f4]{color:#fff;font-size:18px}.create-request-button:hover .material-icons[data-v-5dd802f4],.create-request-button .button-text[data-v-5dd802f4],.create-request-button:hover .button-text[data-v-5dd802f4]{color:#fff}.notifications-wrapper[data-v-5dd802f4]{position:relative}.notifications-btn[data-v-5dd802f4]{all:unset;position:relative;cursor:pointer;padding:8px;border-radius:8px;color:#94a3b8;transition:background-color .2s ease,color .2s ease}.notifications-btn[data-v-5dd802f4]:hover{background-color:#f8fafc;color:#64748b}.notifications-btn .material-icons[data-v-5dd802f4]{color:inherit;font-size:20px}.notification-badge[data-v-5dd802f4]{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600}.notifications-dropdown[data-v-5dd802f4]{position:absolute;right:0;top:calc(100% + 8px);width:360px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb;overflow:hidden;animation:fadeInDown-5dd802f4 .2s ease}.dropdown-header[data-v-5dd802f4]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.dropdown-title[data-v-5dd802f4]{margin:0;font-size:16px;font-weight:600;color:#333}.mark-all-read[data-v-5dd802f4]{all:unset;color:#4a76a8;font-size:13px;cursor:pointer;transition:all .2s ease}.mark-all-read[data-v-5dd802f4]:hover{text-decoration:underline}.notifications-list[data-v-5dd802f4]{max-height:320px;overflow-y:auto}.empty-notifications[data-v-5dd802f4]{padding:48px 20px;text-align:center;color:#94a3b8}.empty-notifications .material-icons[data-v-5dd802f4]{font-size:36px;color:#cbd5e1;margin-bottom:8px}.empty-notifications p[data-v-5dd802f4]{margin:0;font-size:14px}.notification-item[data-v-5dd802f4]{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;transition:all .2s ease;position:relative}.notification-item[data-v-5dd802f4]:hover{background:#f8fafc}.notification-item.unread[data-v-5dd802f4]{background:#fefcf7}.notification-item.unread[data-v-5dd802f4]:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#4a76a8}.notification-icon[data-v-5dd802f4]{width:36px;height:36px;border-radius:8px;background:#f0f9ff;display:flex;align-items:center;justify-content:center;color:#4a76a8;flex-shrink:0}.notification-content[data-v-5dd802f4]{flex:1;min-width:0}.notification-content h4[data-v-5dd802f4]{margin:0;font-size:14px;font-weight:600;color:#333}.notification-content p[data-v-5dd802f4]{margin:4px 0;font-size:13px;color:#64748b;line-height:1.4}.notification-time[data-v-5dd802f4]{font-size:12px;color:#94a3b8}.mark-read[data-v-5dd802f4]{all:unset;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.mark-read[data-v-5dd802f4]:hover{background:#f1f5f9;color:#4a76a8}.dropdown-footer[data-v-5dd802f4]{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f8fafc}.view-all[data-v-5dd802f4]{display:block;text-align:center;color:#4a76a8;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease}.view-all[data-v-5dd802f4]:hover{text-decoration:underline}.user-section[data-v-5dd802f4]{display:flex;align-items:center;gap:12px}.user-info[data-v-5dd802f4]{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name[data-v-5dd802f4]{font-size:14px;font-weight:600;color:#333}.user-role[data-v-5dd802f4]{font-size:12px;color:#64748b}.user-menu[data-v-5dd802f4]{position:relative}.user-avatar[data-v-5dd802f4]{all:unset;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#4a76a8,#3c5f86);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-avatar[data-v-5dd802f4]:hover{transform:scale(1.05);box-shadow:0 4px 8px #4a76a84d}.user-avatar .material-icons[data-v-5dd802f4]{color:#fff;font-size:20px}.user-dropdown[data-v-5dd802f4]{position:absolute;right:0;top:calc(100% + 8px);width:200px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb;overflow:hidden;animation:fadeInDown-5dd802f4 .2s ease}.dropdown-item[data-v-5dd802f4]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#64748b}.dropdown-item[data-v-5dd802f4]:hover{background:#f8fafc}.dropdown-item.logout[data-v-5dd802f4]{color:#ef4444}.dropdown-item.logout[data-v-5dd802f4]:hover{background:#fef2f2}.dropdown-divider[data-v-5dd802f4]{height:1px;background:#e5e7eb;margin:4px 0}.dropdown-enter-active[data-v-5dd802f4],.dropdown-leave-active[data-v-5dd802f4]{transition:all .3s ease}.dropdown-enter-from[data-v-5dd802f4],.dropdown-leave-to[data-v-5dd802f4]{opacity:0;transform:translateY(-8px)}@keyframes fadeInDown-5dd802f4{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifications-list[data-v-5dd802f4]::-webkit-scrollbar{width:4px}.notifications-list[data-v-5dd802f4]::-webkit-scrollbar-track{background:#f1f5f9}.notifications-list[data-v-5dd802f4]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.notifications-list[data-v-5dd802f4]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.navbar-content[data-v-5dd802f4]{padding:0 16px}.button-text[data-v-5dd802f4],.user-info[data-v-5dd802f4]{display:none}.left-section[data-v-5dd802f4],.right-section[data-v-5dd802f4]{gap:8px}.notifications-dropdown[data-v-5dd802f4],.user-dropdown[data-v-5dd802f4]{width:calc(100vw - 32px);right:16px;left:16px}}@media (max-width: 480px){.navbar-content[data-v-5dd802f4]{padding:0 12px}.create-request-button[data-v-5dd802f4]{padding:8px}}.app-layout[data-v-dfb8ff1c]{display:flex;height:100vh;background-color:var(--bg-primary);font-family:var(--font-family);overflow:hidden}.app-sidebar[data-v-dfb8ff1c]{flex-shrink:0;overflow:hidden;z-index:90}.app-main[data-v-dfb8ff1c]{display:flex;flex-direction:column;flex-grow:1;min-width:0;margin-left:0}.app-navbar[data-v-dfb8ff1c]{height:64px;background-color:var(--bg-white);border-bottom:1px solid var(--border-light);flex-shrink:0;z-index:50}.app-content[data-v-dfb8ff1c]{flex-grow:1;overflow-y:auto;background-color:var(--bg-primary)}.mobile-overlay[data-v-dfb8ff1c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:80;animation:fadeIn-dfb8ff1c .3s ease}@keyframes fadeIn-dfb8ff1c{0%{opacity:0}to{opacity:1}}@media (min-width: 769px){.app-main[data-v-dfb8ff1c]{margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-sidebar:has(.sidebar.collapsed)+.app-main[data-v-dfb8ff1c]{margin-left:72px}}@media (max-width: 1200px){.app-main[data-v-dfb8ff1c]{margin-left:260px}.app-sidebar:has(.sidebar.collapsed)+.app-main[data-v-dfb8ff1c]{margin-left:72px}}@media (max-width: 768px){.app-layout[data-v-dfb8ff1c]{overflow:visible}.app-sidebar[data-v-dfb8ff1c]{position:fixed;left:0;top:0;height:100vh;z-index:100}.app-main[data-v-dfb8ff1c]{width:100%;margin-left:0!important}}.sidebar-collapsed .app-main[data-v-dfb8ff1c]{margin-left:72px!important}.sidebar-full .app-main[data-v-dfb8ff1c]{margin-left:280px!important}@media (max-width: 1200px){.sidebar-full .app-main[data-v-dfb8ff1c]{margin-left:260px!important}}@media (max-width: 768px){.sidebar-collapsed .app-main[data-v-dfb8ff1c],.sidebar-full .app-main[data-v-dfb8ff1c]{margin-left:0!important}}